border

UK[?b?:d?(r)] US[?b?:rd?(r)]

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

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

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

vi近似、隣接

三人稱単數(shù): borders 複數(shù)形: borders 現(xiàn)在分詞: bordering 過去形: bordered 過去分詞: bordered

style

英[ sta?l] 美[sta?l]

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

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

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

三人稱単數(shù)形: スタイル複數(shù)形: スタイル現(xiàn)在分詞: スタイリング過去形: スタイルされた過去分詞: スタイルされた

CSS ボーダースタイルのプロパティ 構(gòu)文

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

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

注: 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>

インスタンスの実行 ?

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