CSS - border-*-style

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

概要

属性名
border-top-style
border-right-style
border-bottom-style
border-left-style
none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
初期値none
適用可能要素すべて
継承継承しない
メディアvisual
アニメーション不可

サポート (説明)

CSSIE/EdgeFirefoxChromeOperaSafari
CSS15.5113.51

説明

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

説明
none線を表示せず、線幅は0になります。他のセルの線と重なる場合は、他のセル線が優先されます。
hidden線を表示せず、線幅は0になります。他のセルの線と重なる場合は、hidden が優先されます。
dotted点線で表示します。
dashed破線で表示します。
solid実線で表示します。
double二重線で表示します。
groove線が窪んで見えるような線で表示します。
ridge線が突起して見えるような線で表示します。
inset領域全体が窪んで見えるような線で表示します。
outset領域全体が突起して見えるような線で表示します。

使用例

border-style を参照してください。

関連項目

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-style.htm