border
UK[?b?:d?(r)] US[?b?:rd?(r)]
n.ボーダー; エッジ; エッジ; ラッピング エッジ
vt.& vi....の端でバインド...
vt. の端に沿って、囲む...、端...
vi近似、隣接
三人稱単數(shù): borders 複數(shù)形: borders 現(xiàn)在分詞: bordering 過去形: bordered 過去分詞: bordered
radius
英[ ?re?di?s] 美[?redi?s]
n. 半徑; 半徑範(fàn)囲; 半徑 (距離); 半徑によって測定される円形の領(lǐng)域
複數(shù)形: radii
CSS の border-radius プロパティ 構(gòu)文
関數(shù): Abbreviation 屬性。4 つの border-*-radius 屬性を設(shè)定するために使用されます。
構(gòu)文: border-radius: 1-4 length|% / 1-4 length|%;
説明: lengthフィレットの形狀を定義します。 % は、フィレットの形狀をパーセントで定義します。
注: 各半徑の 4 つの値をこの順序で設(shè)定します。左下を省略した場合は右上と同じになります。右下を省略した場合は左上と同じになります。 top-right を省略した場合は、top-left と同じになります。
CSS の border-radius プロパティ 例
<!DOCTYPE html>
<html>
<head>
<style>
div
{
text-align:center;
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:350px;
border-radius:25px;
-moz-border-radius:25px; /* 老的 Firefox */
}
</style>
</head>
<body>
<div>border-radius 屬性允許您向元素添加圓角。</div>
</body>
</html>インスタンスの実行 ?
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します