CSSのborder-styleプロパティ
属性の定義と指示
border-styleプロパティは、スタイルの要素の4境界線を設定します。 このプロパティは、1〜4個の値を持つことができます。
例:
ボーダースタイル:点在固体ダブル破線 ;
- 境界が点在しています
- 右の境界線が実線であります
- 二重底の境界線
- 左の境界線が点線であります
ボーダースタイル:点在固体ダブル。
- 境界が点在しています
- 右境界と左境界線が実線であります
- 二重底の境界線
ボーダースタイル:固体点在。
- 上部と下部の境界が点在しています
- 右境界と左境界線が実線であります
ボーダースタイル:点在。
- すべての4つの境界線が点在しています
デフォルト: | 指定されていません |
---|---|
継承: | いいえ |
バージョン: | CSS1 |
JavaScriptシンタックス: | = "点線の二重」object.style.borderStyleオブジェクト |
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
属性 | |||||
---|---|---|---|---|---|
border-style | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
プロパティ値
値 | 説明 |
---|---|
なし | 国境を定義されていません。 |
隠されました | そして、「なし」と同じ。 しかし、国境紛争を解決するために隠された、テーブル以外のテーブルに適用されます。 |
点在 | 定義されたドットボーダー。 ほとんどのブラウザで実線としてレンダリング。 |
破線の | 点線の定義。 ほとんどのブラウザで実線としてレンダリング。 |
固体 | 実線の定義。 |
ダブル | ワイヤーの定義。 境界線幅の値に等しいダブル幅。 |
溝 | 3Dの凹部は境界線を定義しました。 効果はボーダー色の値に依存します。 |
尾根 | 3Dは、定義された境界線を段ボール。 効果はボーダー色の値に依存します。 |
インセット | 3Dインセットの境界線を定義します。 効果はボーダー色の値に依存します。 |
初め | 3D当初の境界線を定義します。 効果はボーダー色の値に依存します。 |
受け継ぎます | 引当金は、親要素から境界線スタイルを継承しなければなりません。 |
オンラインの例
それぞれの側に異なるボーダーを設定します
この例では、要素のそれぞれの側に異なる境界線を設定する方法を示します。
関連記事
CSSチュートリアル: CSSボーダー