CSCI 1720
Intermediate Web
Home
Assignments
(current)
Labs
Quizzes
Resources
×
INDEX
ANIMATION
BACKGROUND
BORDER
BOX
COLUMN
COLORS
FONT
LIST
POSITIONING
PSEUDO
TRANSITIONS
TEXT
☰
Border
Property
Values
border
border-width
border-style
border-color
border-width
thin | medium | thick | length
border-style
none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
border-color
color
border-bottom
border-bottom-width
border-style
border-color
border-left
border-left-width
border-style
border-color
border-left-style
border-style
border-right-color
border-color
border-right-width
thin | medium | thick | length
border-top-width
thin | medium | thick | length
border-break
border-width
border-style
color
close
border-bottom-color
border-color
border-bottom-style
border-style
border-left-color
border-color
border-left-width
thin | medium | thick length
border-right-style
border-style
border-top
border-top-width
border-style
border-color
border-top-color
border-color
border-top-style
border-style
box-shadow
inset ||
[ length, length, length,
]
none
border-collapse
collapse | separate
border-image
image
[ number / % border-width stretch | repeat | round ]
none
border-right
border-right-width
border-style
border-color
none
border-radius
border-radius
border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius
border-top-left-radius
border-top-right-radius
length
border-bottom-right-radius
length
border-top-left-radius
length
border-bottom-left-radius
length
Learn More
The border property is a shorthand syntax in CSS that accepts multiple values for drawing a line around the element it is applied to:
.box
{
border
: 3px solid red;
}
