CSS ボーダー属性

定義と使用方法

border 簡略属性は、1つの宣言ですべてのボーダー属性を設定します。

以下の順番で属性を設定できます：

もし値を設定しない場合でも問題はありません、例えば border:solid #ff0000; も許可されています。

さらに参照：

CSS 教程：CSS 边框

HTML DOM リファレンスマニュアル：border 属性

例

4つのボーダースタイルを設定します：

p
  {
  border:5px solid red;
  }

実際に試してみる

CSS 语法

border: border-width border-style border-color|initial|inherit;

属性値

値 説明
border-width ボーダーの幅を指定します。参照：border-width 中の可能な値。
border-style ボーダーのスタイルを指定します。参照：border-style 中の可能な値。
border-color ボーダーの色を指定します。参照：border-color 中の可能な値。
inherit 親要素から border 属性の設定を継承するべきことを指定しています。

技術的詳細

デフォルト値： not specified
継承性： no
バージョン： CSS1
JavaScript 语法： object.style.border="3px solid blue"

さらに多くの例

すべてのボーダー属性が1つの宣言に含まれています
この例では、すべての4つのボーダー属性を同じ宣言で設定するために省略記法を使用しています。

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5