メニュー

トップ
掲示板
リンク
お気に入りに追加（IEのみ）

CSS

基本
CSSとは？
基本
セレクタの種類
記述の仕方
単位について
色
カラー指定
フォント
フォントの指定
フォントのサイズ指定
フォントの太さ指定
フォントを斜体
フォントをまとめて指定
テキスト
文字の水平位置
文字の垂直位置
文字の行間を指定
文字の間隔を指定
文字のインデントを指定
文字の装飾
リンク
未訪問リンク
既訪問リンク
マウスが乗った時
マウスを押した時
ボックス
ボックスの基本
マージンの指定
余白の指定
幅と高さの指定
ボーダー（枠線）
ボーダーのスタイル指定
ボーダーのカラー指定
ボーダーの太さを指定
ボーダーをまとめて指定

TOP_PAGEへ

ボーダー

ボーダーのスタイル指定
（上）border-top-style: スタイル;
（右）border-right-style: スタイル;
（下）border-bottom-style: スタイル;
（左）border-left-style: スタイル;
上下左右、個別に指定します。
まとめて指定する場合は上、右、下、左（時計回り）で指定します。
border-style : （上） （右） （下） （左）
値の数によって解釈が変わってきます。
値が１個； border-style: （上下左右全て）
値が２個； border-style: （上下） （左右）
値が３個； border-style: （上） （左右） （下）
スタイルは下記の通り。
border-style: none（表示無し）
border-style: solid（実線）
border-style: double（二重線）
border-style: groove（くぼみ）
border-style: ridge（浮き出し）
border-style: inset（インセット）
border-style: outset（アウトセット）
border-style: dotted（点線）
border-style: dashed（破線）
▲上へ
ボーダーのカラー指定
（上）border-top-color: カラーコード;
（右）border-right-color: カラーコード;
（下）border-bottom-color: カラーコード;
（左）border-left-color: カラーコード;
上下左右、個別に指定します。
まとめて指定する場合は上、右、下、左（時計回り）で指定します。
border-color : （上） （右） （下） （左）
値の数によって解釈が変わってきます。
値が１個； border-color: （上下左右全て）
値が２個； border-color: （上下） （左右）
値が３個； border-color: （上） （左右） （下）
▲上へ
ボーダーの太さを指定
（上）border-top-width: 値;
（右）border-right-width: 値;
（下）border-bottom-width: 値;
（左）border-left-width: 値;
上下左右、個別に指定します。
まとめて指定する場合は上、右、下、左（時計回り）で指定します。
border-width : （上） （右） （下） （左）
値の数によって解釈が変わってきます。
値が１個； border-width: （上下左右全て）
値が２個； border-width: （上下） （左右）
値が３個； border-widht: （上） （左右） （下）
▲上へ
ボーダーをまとめて指定
border: （スタイル） （カラー） （太さ）
値を半角スペースで区切ります。
個別に指定する場合は上記を参照して下さい。
▲上へ