css border-top-right-radius property
Translation results：
border
UK[ˈbɔ:də(r)] US[ˈbɔ:rdə(r)]
n.Border; edge; edging; wrapping Edge
vt.& vi. Bound with, on the edge of...
vt. Along the edge of, surround..., edge...
vi. Approximate, adjacent
Third person singular: borders Plural: borders Present participle: bordering Past tense: bordered Past participle: bordered
top
英[ tɒp] 美[tɑ:p]
n. Top, top; (box) cover, (book pages, etc.) upper column; chief; top
adj. The highest; top ; first-class; the largest
vt. form the top; reach the top of...; be at the forefront of...; leader
vi. Summary; transcend; tower; end
Third person singular: tops Plural: tops Present participle: topping Past tense: topped Past participle: topped
right
英[raɪt] 美[raɪt]
adv. Immediately, right away; right, right; appropriately; always
adj. Correct; appropriate; right; good, normal
n.right ; right; correct, just; right hand
vt. to correct; to straighten; to straighten; to arrange; to compensate
vi. (ships, etc.) to correct, to restore stability
Third person singular: rights Plural: rights Present participle: righting Past tense: righted Past participle: righted
##radius## English [ˈreɪdiəs] US [ˈrediəs]
n. Radius; radius range; radius (distance); circular area measured by radius
Plural: radii
css border-top-right-radius propertysyntax
Function:Define the shape of the upper right corner border.
Syntax: border-top-right-radius: length|% [length|%]；
Description: length Definition The shape in the upper right corner. % defines the shape of the upper right corner as a percentage value.
Notes: The length value and percentage value of the border-top-right-radius property define the radius (radii) of the quarter ellipse (the corner shape that defines the outer border edge). The first value is the horizontal radius and the second value is the vertical radius. If the second value is omitted, the first value is copied. If the length is zero, the corners are square, not round. Percentage values for the horizontal radius refer to the width of the border box, while percentage values for the vertical radius refer to the height of the border box.
css border-top-right-radius propertyexample
<!DOCTYPE html>
<html>
<head>
<style>
div
{
border:2px solid;
padding:10px;
background:#dddddd;
border-top-right-radius:2em;
-webkit-border-top-right-radius:2em; /* Safari */
}
</style>
</head>
<body>
<div>border-top-right-radius 属性允许您向右上角添加圆角边框。</div>
</body>
</html>Run instance »
Click the "Run instance" button to view the online instance