The border-top-left-radius property
The border-top-left-radius property creates
a rounding for a top-left corner of a border and
background. The property value is any
size units.
Default value: 0.
Syntax
selector {
border-top-left-radius: value;
}
Example
We set the rounding to 10px
for the top-left corner:
<div id="elem"></div>
#elem {
border-top-left-radius: 10px;
border: 1px solid black;
width: 300px;
height: 100px;
}
:
See also
-
the
border-top-right-radiusproperty
that sets a rounding for top-right corner -
the
border-bottom-left-radiusproperty
that sets a rounding for bottom-left corner -
the
border-bottom-right-radiusproperty
that sets a rounding for bottom-right corner -
the
border-radiusproperty
that sets a rounding simultaneously for all corners -
the
borderproperty
that is a shorthand property for a border
