border

UK[ˈbɔ:də(r)] US[ˈbɔ:rdə(r)]

n.ボーダー; エッジ; エッジ; ラッピング エッジ

vt.& vi....の端でバインド...

vt. の端に沿って、囲む...、端...

vi近似、隣接

三人称単数: borders 複数形: borders 現在分詞: bordering 過去形: bordered 過去分詞: bordered

bottom

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

n. Bottom; end; hip; end

adj.

vt の底部. 底部を取り付ける; 深さを測定する;真実を見つけよう

vi. 底に到達する; 基盤を確立する

三人称単数:bottoms 複数形:bottoms 現在分詞:bottoming 過去形:bottomed 過去分詞:bottomed

left

UK[left] 美[lɛft]

adj.左、左;leftist

n.左、左;[陸軍]左翼; 左派、急進的

adv. 左へ; on the left

v. 去る (leave の過去形および過去分詞)

複数形: lefts

radius

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

n. 半径; 半径範囲; 半径 (距離); 半径によって測定される円形エリア

複数形: 半径

css border-bottom-left-radius プロパティ 構文

機能:境界線の左下隅の形状を定義します。

構文: border-bottom-left-radius: length|% [length|%];

説明: length 定義左下隅の形状。 % は、左下隅の形状をパーセンテージ値として定義します。

注: border-bottom-left-radius プロパティの長さの値とパーセンテージの値は、4 分の 1 楕円 (境界線の外側のエッジを定義する角の形状) の半径 (半径) を定義します。最初の値は水平半径、2 番目の値は垂直半径です。 2 番目の値を省略した場合は、最初の値がコピーされます。長さがゼロの場合、角は丸くなく正方形になります。水平半径のパーセンテージ値は境界ボックスの幅を指し、垂直半径のパーセンテージ値は境界ボックスの高さを指します。

css border-bottom-left-radius プロパティ 例

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

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

</body>
</html>

インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します