CSS Property border-top-left-radius








border-top-left-radius sets the size of the round corner.

Summary

ItemValue
Initial value 0
Inherited no
Version CSS3
JavaScript syntax object.style.borderTopLeftRadius="5px"

CSS Syntax

border-top-left-radius: length|% [length|%];




Property Values

The property values are listed in the following table.

ValueDescription
length set the length for radius
% set percentage size for radius

Browser compatibility

border-top-left-radius Yes 9.0 Yes Yes Yes

Example

An example showing how to use border-top-left-radius CSS property.

<!DOCTYPE html>
<html>
<head>
<style> 
div<!--  w w  w.  ja  va  2  s .c  o  m-->
{
    border:2px solid;
    padding:10px;
    background:#dddddd;
    border-top-left-radius:2em;
}
</style>
</head>
<body>

<div>a rounded border.</div>

</body>
</html>

Click to view the demo