border

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

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

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

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

vi近似、隣接

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

top

英[ tɒp] 美[tɑ:p]

n. トップ、トップ; (箱) 表紙、(本のページなど) 上の列; チーフ; トップ

adj. 最高の;トップ ; ファーストクラス; 最大の

vt. トップを形成する; ... の頂点に達する; ... の最前線に立つ; リーダー

vi. 概要; 超越;タワー; 終了

三人称単数: tops 複数形: tops 現在分詞: topping 過去形: topped 過去分詞: topped

##left

UK[left ] 美[lɛft]

adj.左、左; leftist

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

adv.左へ; 左側

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

複数形: lefts

radius

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

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

複数形: radii

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

関数: 左上隅の境界線の形状を定義します。

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

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

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

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

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

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

</body>
</html>

インスタンスの実行 »

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