前へ 目次 次へ

border style

style24.css 
p{
	border-color: blue;
}
.none{
	border-style: none;
}
.solid{
	border-style: solid;
}
.double{
	border-style: double;
}
.dashed{
	border-style: dashed;
}
.dotted{
	border-style: dotted;
}
.groove{
	border-style: groove;
}
.ridge{
	border-style: ridge;
}
.inset{
	border-style: inset;
}
.outset{
	border-style: outset;
}
.tdoub{
	border-top-style: double;
}
.bdotted{
	border-bottom-style: dotted;
}
.bstyle{
	border-style: solid double dashed dotted;
}
css24s1.html 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<title>border style</title>
<meta http-equiv="content-type" content="text/html;charset=Shift_JIS">
<link rel="stylesheet" href="style24.css" type="text/css">
<body>
<p class="none">none</p>
<p class="solid">solid</p>
<p class="double">double</p>
<p class="dashed">dashed</p>
<p class="dotted">dotted</p>
<p class="groove">groove</p>
<p class="ridge">ridge</p>
<p class="inset">inset</p>
<p class="outset">outset</p>
<p class="tdoub">top double</p>
<p class="bdotted">bottom dotted</p>
<p class="bstyle">border-style: solid double dashed dotted</p>
</body>
</html>

クリックすると表示結果をみることができます。

2003//()

トップページへ

広告 花 万馬券 無料レンタルサーバー ブログ blog