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

bottom

英[ ˈbɒtəm] 美[ˈbɑ:təm]

n. Bottom; end; hip; end

adj. Bottom of

vt. Install the bottom; measure the depth; find out the truth

vi. Reach the bottom; establish a foundation

Third person singular: bottoms Plural: bottoms Present participle: bottoming Past tense: bottomed Past participle: bottomed

right

英[raɪt] 美[raɪt]

adv. Immediately, immediately; to the right, right; appropriately; all the time

adj. Correct; appropriate ;right; good, normal

n.right;right;right;right,just;right hand

vt.correct;straighten,make right;arrange;compensate

vi. (ships, etc.) restored to stability

Third person singular: rights Plural: rights Present participle: righting Past tense: righted Past participle: righted

radius

UK[ˈreɪdiəs] US[ˈrediəs]

n. Radius; radius range; radius (distance); circular area measured by radius

Plural: radii

css border-bottom-right-radius property syntax

Function:Define the shape of the lower right corner border.

Syntax: border-bottom-right-radius: length|% [length|%];

Description: length Definition The shape in the lower right corner. % defines the shape of the lower right corner as a percentage value.​

Note: The length value and percentage value of the border-bottom-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-bottom-right-radius property example

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
border:2px solid;
padding:10px;
background:#dddddd;
border-bottom-right-radius:2em;
}
</style>
</head>
<body>

<div>border-bottom-right-radius 属性允许您向右下角添加圆角边框。</div>

</body>
</html>

Run instance »

Click the "Run instance" button to view the online instance