CSS - border-*-width

トップ > CSSリファレンス > border-*-width

概要

属性名
border-top-width
border-right-width
border-bottom-width
border-left-width
<length> | thin | mediun | thick
初期値medium
適用可能要素すべて
継承継承しない
メディアvisual
アニメーション可能

サポート (説明)

CSSIE/EdgeFirefoxChromeOperaSafari
CSS14113.51

説明

上側、右側、下側、左側のボーダーラインの太さを指定します。

説明
<length>線の太さ指定します。詳細は <length> を参照してください。
thin細い線にします。
medium中程度の線にします。
thick太い線にします。

使用例

CSS
.sample {
    border: solid red;
    border-top-width: 2px;
    border-right-width: 4px;
    border-bottom-width: 10px;
    border-left-width: 16px;
    width: 80px;
    height: 80px;
    margin: 1em;
}
HTML
<div class="sample"></div>
表示

関連項目

border, border-width, border-style, border-color

リンク


Copyright (C) 1997-2016 杜甫々
初版:1997年7月27日、最終更新:2016年1月3日
http://www.tohoho-web.com/css/prop/border-x-width.htm