border-top-left-radius
Description
border-top-left-radius sets the size of the round corner.
| Item | Value |
|---|---|
| Initial value | 0 |
| Inherited | no |
| Version | CSS3 |
| JavaScript syntax | object.style.borderTopLeftRadius="5px" |
Syntax and Property Values
border-top-left-radius: length|% [length|%];
The property values are listed in the following table.
| Value | Description |
|---|---|
| length | set the length for radius |
| % | set percentage size for radius |
Example
<!DOCTYPE html>
<html>
<head>
<style>
div<!-- w w w . ja va2 s. c om-->
{
border:2px solid;
padding:10px;
background:#dddddd;
border-top-left-radius:2em;
}
</style>
</head>
<body>
<div>a rounded border.</div>
</body>
</html>
The code above generates the following result.
