border
UK[ˈbɔ:də(r)] US[ˈbɔ:rdə(r)]
n.ボーダー; エッジ; エッジ; ラッピング エッジ
vt.& vi....の端でバインド...
vt. の端に沿って、囲む...、端...
vi近似、隣接
三人称単数: borders 複数形: borders 現在分詞: bordering 過去形: bordered 過去分詞: bordered
radius
英[ ˈreɪdiəs] 美[ˈrediəs]
n. 半径; 半径範囲; 半径 (距離); 半径によって測定される円形の領域
複数形: radii
CSS の border-radius プロパティ 構文
関数: Abbreviation 属性。4 つの border-*-radius 属性を設定するために使用されます。
構文: border-radius: 1-4 length|% / 1-4 length|%;
説明: lengthフィレットの形状を定義します。 % は、フィレットの形状をパーセントで定義します。
注: 各半径の 4 つの値をこの順序で設定します。左下を省略した場合は右上と同じになります。右下を省略した場合は左上と同じになります。 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>インスタンスの実行 »
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します