CSS Property border-bottom-left-radius
border-bottom-left-radius sets the size of the round corner
for bottom-left corner.
Summary
| Item | Value |
|---|---|
| Initial value | 0 |
| Inherited | no |
| Version | CSS3 |
| JavaScript syntax | object.style.borderBottomLeftRadius="5px" |
CSS Syntax
border-bottom-left-radius: length|% [length|%];;
Property Values
The property values are listed in the following table.
| Value | Description |
|---|---|
| length | set the length for radius |
| % | set percentage size for radius |
Browser compatibility
 |
 |
 |
 |
 |
|
|---|---|---|---|---|---|
border-bottom-left-radius |
Yes | 9.0 | Yes | Yes | Yes |
Example
An example showing how to use border-bottom-left-radius CSS property.
<!DOCTYPE html>
<html>
<head>
<style>
div<!--from w w w .j a v a 2 s . c o m-->
{
border:2px solid;
padding:10px;
background:#dddddd;
border-bottom-left-radius:2em;
}
</style>
</head>
<body>
<div>a rounded border.</div>
</body>
</html>