CSS の border-width プロパティ


  翻訳結果:

border

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

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

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

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

vi近似、隣接

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

width

英[ wɪdθ] 美[wɪdθ, wɪθ, wɪtθ]

n.幅; 幅

複数形: widths

CSS の border-width プロパティ構文

機能:要素のすべての境界線の幅を設定するか、各境界線の幅を個別に設定します。

注: 境界線のスタイルが none ではない場合にのみ機能します。境界線のスタイルがなしの場合、境界線の幅は実際には 0 にリセットされます。負の長さの値は許可されません。

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

CSS の border-width プロパティ例

<html>
<head>
<style type="text/css">
p.one 
{
border-style: solid;
border-width: 5px
}
p.two 
{
border-style: solid;
border-width: thick
}
p.three
{
border-style: solid;
border-width: 5px 10px
}
p.four 
{
border-style: solid;
border-width: 5px 10px 1px
}
p.five 
{
border-style: solid;
border-width: 5px 10px 1px medium
}
</style>
</head>

<body>
<p class="one">Some text</p>
<p class="two">Some text</p>
<p class="three">Some text</p>
<p class="four">Some text</p>
<p class="five">Some text</p>

<p><b>注释:</b>"border-width" 属性如果单独使用的话是不会起作用的。请首先使用 "border-style" 属性来设置边框。</p>
</body>

</html>

インスタンスの実行 »

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

人気のおすすめ

ホームページ

ビデオ

に質問