CSS border-top-styleプロパティ


例

上部の境界線のスタイルを設定：

p
{
border-style:solid;
border-top-style:dotted;
}

試してみる »

プロパティの定義と使用説明

border-top-style プロパティは、要素の上部境界線のスタイルを設定します。

デフォルト値： not specified
継承： no
バージョン： CSS1
JavaScript 構文： object.style.borderTopStyle="dotted"

ブラウザサポート

表内の数字は、そのプロパティをサポートする最初のブラウザバージョン番号を示します。

プロパティ
border-top-style 1.0 5.5 1.0 1.0 9.2

プロパティ値

值 説明
none 境界線なしを定義します。
hidden "none" と同じです。ただし、表に適用する場合を除きます。表の場合、hidden は境界線の競合を解決するために使用されます。
dotted 点線の境界線を定義します。ほとんどのブラウザでは実線として表示されます。
dashed 破線を定義します。ほとんどのブラウザでは実線として表示されます。
solid 実線を定義します。
double 二重線を定義します。二重線の幅は border-width の値と同じです。
groove 3D 溝状の境界線を定義します。その効果は border-color の値によって異なります。
ridge 3D 畝状の境界線を定義します。その効果は border-color の値によって異なります。
inset 3D inset 境界線を定義します。その効果は border-color の値によって異なります。
outset 3D outset 境界線を定義します。その効果は border-color の値によって異なります。
inherit 親要素から境界線スタイルを継承することを指定します。
 

関連記事

CSS チュートリアル：CSS Border

CSS リファレンス：border-top プロパティ

その他の拡張