border

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

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

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

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

vi近似、隣接

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

color

英[ 'kʌlə(r)] 美[ˈkʌlɚ]

n.<美>色、色;肌の色、顔色、血の色;色素、染料;エッセンス

v.<美[ˈkʌlə] Beauty> ; 色を付ける...; 色を変える...; 白塗りする、レンダリングする、色を与える; 赤面する

三人称単数: 色 複数形: 色 現在分詞: 着色 過去形:色付き過去分詞: 色付き

CSS ボーダーカラープロパティ 構文

機能:4 つの境界線の色を設定します。このプロパティでは 1 ~ 4 色を設定できます。

説明: border-color 属性は、要素のすべての境界線の表示部分の色を設定したり、4 つの辺に異なる色を設定したりできる省略形の属性です。境界線スタイルをなしまたは非表示にすることはできないことに注意してください。そうでない場合、境界線は表示されません。

注: border-style 属性は、必ず border-color 属性の前に宣言してください。要素の色を変更するには、その前に要素に境界線を設定する必要があります。

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" 属性来设置边框。</p>

</body>
</html>

インスタンスの実行 »

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