スタイルシートリファレンス > border-left-style

スタイルシートリファレンス border-left-style


border-left-style ボーダー左のスタイルを指定する (IE4/N6)

ボーダー左のスタイルを指定します。

スタイル

none 線無し

solid 実線

double 二重線

dotted 点線

dashed 粗い点線

groove 窪んだ線

ridge 隆起した線

inset 内線

outset 外線

▲ページ先頭へ

使用例 border-left-style

HTMLソース

<html>
<head>
<title>CSS テスト</title>
<style type="text/css">
<!--
.smp1 {
border-color: #0000ff;
border-left-style: double;
}
.smp2 {
border-color: #0000ff;
border-left-style: dotted;
}
-->
</style>
</head>
<body>
<table class="smp1">
<tr>
<td>ボーダー 左double</td>
</tr>
</table>
<br>
<table class="smp2">
<tr>
<td>ボーダー 左dotted</td>
</tr>
</table>
</body>
</html>

▲ページ先頭へ

ブラウザ上の表示


ボーダー 左double

ボーダー 左dotted

▲ページ先頭へ

関連項目【ボーダー】

border
ボーダー上下左右のスタイル・太さ・色を指定する
border-top
ボーダー上のスタイル・太さ・色を指定する
border-bottom
ボーダー下のスタイル・太さ・色を指定する
border-right
ボーダー右のスタイル・太さ・色を指定する
border-left
ボーダー左のスタイル・太さ・色を指定する
border-width
ボーダー上下左右の太さを指定する
border-top-width
ボーダー上の太さを指定する
border-bottom-width
ボーダー下の太さを指定する
border-right-width
ボーダー右の太さを指定する
border-left-width
ボーダー左の太さを指定する
border-style
ボーダー上下左右のスタイルを指定する
border-top-style
ボーダー上のスタイルを指定する
border-bottom-style
ボーダー下のスタイルを指定する
border-right-style
ボーダー右のスタイルを指定する
border-left-style
ボーダー左のスタイルを指定する
border-color
ボーダー上下左右の色を指定する
border-top-color
ボーダー上の色を指定する
border-bottom-color
ボーダー下の色を指定する
border-right-color
ボーダー右の色を指定する
border-left-color
ボーダー左の色を指定する

▲ページ先頭へ

スタイルシートリファレンス > border-left-style