CSS border ボーダー プロパティ 一覧 関数 要素 使い方・書き方 例 CSS サンプル

border-properties CSS プロパティとは

トピック:borderプロパティでは、要素の境界のスタイル、幅、色を指定できる ことができる

プロパティ border-properties

border-propertiesプロパティ 値border-properties内容 説明
borderとは、
要素の境界線の四辺すべての幅、スタイル、および色を設定することができる。
border-bottomとは、
要素の下端の幅、スタイル、色を設定することができる。
border-bottom-colorとは、
要素の下端の色を設定することができる。
border-bottom-left-radiusとは、
要素の左下隅の形状を定義することができる。
border-bottom-right-radiusとは、
要素の右下隅の角の形状を定義することができる。
border-bottom-styleとは、
要素の下端のスタイルを設定することができる。
border-bottom-widthとは、
要素の下端の幅を設定することができる。
border-collapseとは、
テーブル要素のの枠線を1つの枠線に折りたたむかを設定することができる。
border-colorとは、
要素の4辺すべての境界線の色を設定することができる。
border-imageとは、
境界線スタイルの代わりにイメージをどのように使用するかを指定することができる。
border-image-outsetとは、
境界線イメージ領域が境界線ボックスを超えて延びる量を指定することができる。
border-image-repeatとは、
イメージの境界線を繰り返し、丸めたり、引き伸ばしたりするかどうかを指定することができる。
border-image-sliceとは、
イメージ境界の内向きオフセットを指定することができる。
border-image-sourceとは、
ボーダーとして使用するイメージの場所を指定することができる。
border-image-widthとは、
画像枠の幅を指定することができる。
border-leftとは、
要素の左境界線の幅、スタイル、色を設定することができる。
border-left-colorとは、
要素の左境界線の色を設定することができる。
border-left-styleとは、
要素の左境界線のスタイルを設定することができる。
border-left-widthとは、
要素の左境界線の幅を設定することができる。
border-radiusとは、
要素の境界線のコーナーの形状を定義することができる。
border-rightとは、
要素の右端の幅、スタイル、色を設定することができる。
border-right-colorとは、
要素の右端の色を設定することができる。
border-right-styleとは、
要素の右端のスタイルを設定することができる。
border-right-widthとは、
要素の右ボーダーの幅を設定することができる。
border-spacingとは、
隣り合うセルの枠線同士の間隔を設定することができる。
border-styleとは、
要素の4辺すべての境界線のスタイルを設定することができる。
border-topとは、
要素の上端の幅、スタイル、色を設定することができる。
border-top-colorとは、
要素の上端の色を設定することができる。
border-top-left-radiusとは、
要素の左上隅のシェイプを定義することができる。
border-top-right-radiusとは、
要素の右上の境界線の形状を定義することができる。
border-top-styleとは、
要素の上端のスタイルを設定することができる。
border-top-widthとは、
要素の上端の幅を設定することができる。
border-widthとは、
要素の4辺すべての境界線の幅を設定することができる。
box-shadowとは、
要素への1つ以上の影を設定することができる。

実例 コード 1

border-style:境界線の種類サンプル コードを試す
    div.dotted {border-style: dotted;}
    div.dashed {border-style: dashed;}
    div.solid {border-style: solid;}
    div.double {border-style: double;}
    div.groove {border-style: groove;}
    div.ridge {border-style: ridge;}
    div.inset {border-style: inset;}
    div.outset {border-style: outset;}
    div.none {border-style: none;}
    div.hidden {border-style: hidden;}
    div.mix {border-style: dotted dashed solid double;}
border ボーダー プロパティ 一覧 関連記事
CSS border ボーダー プロパティ 一覧 関数 要素 使い方・書き方 例 CSS サンプル
CSS border ボーダー プロパティ 一覧 | 使い方 | 書き方 | サンプル | セレクタ 値 | 属性 入門 | CSS マニュアル – WebRef
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery