borderプロパティは、ボーダーのスタイル・太さ・色をまとめて指定する際に使用します。
スタイル・太さ・色のうち、指定する値を任意の順序でスペースで区切って記述します。
borderプロパティでは、ボーダーのスタイル・太さ・色について上下左右バラバラの指定をすることはできません。
上下左右のボーダーを異なったものにする場合には、
border-top、
border-bottom、
border-left、
border-right、
または、
border-style、
border-width、
border-color、
で指定してください。
p.sample1 {border: double 10px #0000ff;}
p.sample2 {border: inset 10px #ff0000;}
p.sample3 {
margin: 30px 30px;
padding: 10px;
border: medium solid #ff00ff;
}
<html>
<head>
<link rel=”stylesheet” href=”sample.css”
type=”text/css”>
</head>
<body>
<p class=”sample1″>セキュリティ対策は今後ますます重要になるでしょう。</p>
<p class=”sample2″>セキュリティ対策は今後ますます重要になるでしょう。</p>
<p class=”sample3″>セキュリティ対策は今後ますます重要になるでしょう。</p>
</body>
</html>
セキュリティ対策は今後ますます重要になるでしょう。
セキュリティ対策は今後ますます重要になるでしょう。
セキュリティ対策は今後ますます重要になるでしょう。