border

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

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

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

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

vi近似、隣接

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

style

英[ staɪl] 美[staɪl]

n. 方法; スタイル; ファッション; 外観、味

vt. デザイン; タイトル; ... 形状

vi. To人気のスタイルに従う ;彫刻ナイフを使って装飾画を作る

三人称単数形: スタイル複数形: スタイル現在分詞: スタイリング過去形: スタイルされた過去分詞: スタイルされた

CSS ボーダースタイルのプロパティ 構文

関数: 要素のすべての境界線のスタイルを設定するか、各辺の境界線スタイルを個別に設定するために使用されます。

注: 境界線は、この値が none でない場合にのみ表示されます。

注: Internet Explorer (IE8 を含む) のどのバージョンでも、属性値 "inherit" または "hidden" はサポートされていません。

CSS ボーダースタイルのプロパティ 例

<html>
<head>
<style type="text/css">
p.dotted {border-style: dotted}
p.dashed {border-style: dashed}
p.solid {border-style: solid}
p.double {border-style: double}
p.groove {border-style: groove}
p.ridge {border-style: ridge}
p.inset {border-style: inset}
p.outset {border-style: outset}
</style>
</head>

<body>
<p class="dotted">A dotted border</p>

<p class="dashed">A dashed border</p>

<p class="solid">A solid border</p>

<p class="double">A double border</p>

<p class="groove">A groove border</p>

<p class="ridge">A ridge border</p>

<p class="inset">An inset border</p>

<p class="outset">An outset border</p>
</body>

</html>

インスタンスの実行 »

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