CSSのborder-color属性
属性の定義と指示
ボーダー色属性は、要素の4境界線の色を設定します。 このプロパティは、1〜4個の値を持つことができます。
例:
ボーダーカラー:赤、緑、青、ピンク、
- レッドボーダー
- 右側の境界線は緑色です
- 下境界線は青です
- 左の境界線はピンクです
ボーダー色:赤、緑、青、
- レッドボーダー
- 左と右の境界線が緑であります
- 下境界線は青です
ボーダーカラー:赤、緑、
- 上部と下部の境界は赤で
- 左と右の境界線が緑であります
ボーダー色:赤;
- すべての4つの境界は赤で
注:常にプロパティ宣言にボーダー色のborder-style属性の前に置きます。あなたがその色を変更する前に、境界要素を取得する必要があります。
デフォルト: | 指定されていません |
---|---|
継承: | いいえ |
バージョン: | CSS1 |
JavaScriptシンタックス: | object.style.borderColor = "#FF0000青」をオブジェクト |
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
属性 | |||||
---|---|---|---|---|---|
border-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
プロパティ値
値 | 説明 |
---|---|
カラー | 背景色を指定します。 でCSSカラー値カラー値の完全なリストを検索します |
透明な | 境界線の色が透明であることを指定します。 これがデフォルトです |
受け継ぎます | 境界線の色を指定し、親要素から継承する必要があります |
関連記事
CSSチュートリアル: CSSボーダー