【CSS】border-top-style - 境界線の様式(上側)
CSSのborder-top-styleプロパティをご紹介します。
border-top-style
border-top-styleは上側の境界線の様式を示すプロパティです。
基本構文
border-top-style: 値;
値
一般的な値は次の通りです。
値 | 意味 |
---|---|
none | 様式なし |
hidden | 非表示。 |
dotted | 点線 |
dashed | 破線 |
solid | 直線 |
double | 二重線 |
groove | 凹線 |
ridge | 凸線 |
inset | 埋め込み線 |
outset | 出っ張り線 |
サンプル
solid
<style>
p {
border-top-style: solid;
}
</style>
<p>TEXT TEXT TEXT</p>
dashed
<style>
p {
border-top-style: dashed;
}
</style>
<p>TEXT TEXT TEXT</p>
double
<style>
p {
border-top-style: double;
}
</style>
<p>TEXT TEXT TEXT</p>