目次を飛ばして本文へ パン屑リストへ
関連プロパティ

border-width

対応状況
N7.0
Win
N6.0
Win
e6.0
Win
e5.5
Win
e5.0
Win
e5.0
Mac
e4.5
Mac
O7.0
Win
O6.0
Win
[ thin | medium | thick | <長さ> ]{1,4} | inherit
初期値 簡略化プロパティなので定義しない
適用 すべての要素
継承 しない
レベル -
値の範囲 "0"以上
メディア visual

四辺のボーダーの幅を一括指定します。

このプロパティを使うと、'border-top-width'、'border-right-width'、'border-bottom-width'、'border-left-width'という4つのプロパティを一ヶ所で指定出来ます。'border'を使って、ほかのプロパティと一括指定する事も出来ます。ただし、四辺の個別指定は出来ません。

値の書き方は、以下の通りです。0時から時計回り、足りない値は対辺から、と覚えると良いです。基本的にこの手の簡略化プロパティは、すべてそうです。
cite { border-width: 2em }            /* 四辺とも 2em */
cite { border-width: 1em 2em }        /* 上と下が 1em、右と左が 2em */
cite { border-width: 1em 2em 3em }    /* 上1em、右と左2em、下3em */
cite { border-width: 1em 2em 3em 4em }/* 上1em、右2em、下3em、左4em */

キーワード解説
thin
細いボーダー
medium
通常のボーダー
thick
太いボーダー

以上の3つの値はUA依存となっています。ただ、[thin] ≦ [medium] ≦ [thick]の関係だけは守る事になっています。

結合ボーダーモデルの表の場合を除いて、ボーダーの透き間からは、背景関連プロパティで指定した背景が見えます。結合ボーダーモデルの場合は、その部分は透過になります。

注意点
  1. ボーダーの種類の初期値が[none]になっているので、ボーダーを表示させるには先ず、この値を変える必要があります。

page top
最終更新日:2018年07月18日
Copyright © 2002-2018 ばあど All Rights Reserved.