border-top-right-radius

Description

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

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

Syntax and Property Values


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

The property values are listed in the following table.

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

Example


<!DOCTYPE html>
<html>
<head>
<style> 
div<!--  w ww.ja v  a2s . c  om-->
{
    border:2px solid;
    padding:10px;
    background:#dddddd;
    border-top-right-radius:2em;
}
</style>
</head>
<body>

<div>a rounded border.</div>

</body>
</html>

Click to view the demo

The code above generates the following result.

border-top-right-radius




















Home »
  HTML CSS »
    HTML CSS Reference »




HTML Tag Reference
CSS Reference
CSS Selector Reference
Encoding Reference