border-top-styleプロパティは、上ボーダーのスタイルを指定する際に使用します。
上下左右のボーダーのスタイルをまとめて指定する際には、border-styleを使用してください。
p.sample1 {border-top-style: none;}
p.sample2 {border-top-style: hidden;}
p.sample3 {border-top-style: solid;}
p.sample4 {border-top-style: double;}
p.sample5 {border-top-style: groove;}
p.sample6 {border-top-style: ridge;}
p.sample7 {border-top-style: inset;}
p.sample8 {border-top-style: outset;}
p.sample9 {border-top-style: dashed;}
p.sample10 {border-top-style: dotted;}
<html>
<head>
<link rel=”stylesheet” href=”sample.css”
type=”text/css”>
</head>
<body>
<p class=”sample1″>none</p>
<p class=”sample2″>hidden</p>
<p class=”sample3″>solid</p>
<p class=”sample4″>double</p>
<p class=”sample5″>groove</p>
<p class=”sample6″>ridge</p>
<p class=”sample7″>inset</p>
<p class=”sample8″>outset</p>
<p class=”sample9″>dashed</p>
<p class=”sample10″>dotted</p>
</body>
</html>
none
hidden
solid
double
groove
ridge
inset
outset
dashed
dotted