border
UK[?b?:d?(r)] US[?b?:rd?(r)]
n.ボーダー; エッジ; エッジ; ラッピング エッジ
vt.& vi....の端でバインド...
vt. の端に沿って、囲む...、端...
vi近似、隣接
三人稱単數(shù): borders 複數(shù)形: borders 現(xiàn)在分詞: bordering 過去形: bordered 過去分詞: bordered
color
英[ 'k?l?(r)] 美[?k?l?]
n.<美>色、色;肌の色、顔色、血の色;色素、染料;エッセンス
v.<美[?k?l?] Beauty> ; 色を付ける...; 色を変える...; 白塗りする、レンダリングする、色を與える; 赤面する
三人稱単數(shù): 色 複數(shù)形: 色 現(xiàn)在分詞: 著色 過去形:色付き過去分詞: 色付き
CSS ボーダーカラープロパティ 構(gòu)文
機能:4 つの境界線の色を設(shè)定します。このプロパティでは 1 ～ 4 色を設(shè)定できます。
説明: border-color 屬性は、要素のすべての境界線の表示部分の色を設(shè)定したり、4 つの辺に異なる色を設(shè)定したりできる省略形の屬性です。境界線スタイルをなしまたは非表示にすることはできないことに注意してください。そうでない場合、境界線は表示されません。
注: border-style 屬性は、必ず border-color 屬性の前に宣言してください。要素の色を変更するには、その前に要素に境界線を設(shè)定する必要があります。
CSS ボーダーカラープロパティ 例
<html>
<head>
<style type="text/css">
p.one
{
border-style: solid;
border-color: #0000ff
}
p.two
{
border-style: solid;
border-color: #ff0000 #0000ff
}
p.three
{
border-style: solid;
border-color: #ff0000 #00ff00 #0000ff
}
p.four
{
border-style: solid;
border-color: #ff0000 #00ff00 #0000ff rgb(250,0,255)
}
</style>
</head>
<body>
<p class="one">One-colored border!</p>
<p class="two">Two-colored border!</p>
<p class="three">Three-colored border!</p>
<p class="four">Four-colored border!</p>
<p><b>注釋：</b>"border-width" 屬性如果單獨使用的話是不會起作用的。請首先使用 "border-style" 屬性來設(shè)置邊框。</p>
</body>
</html>インスタンスの実行 ?
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します