TOP - CSS1(Cascading Style Sheets, level 1) - border-color

要素のボーダーの色を指定します。
指定する色の個数によってtop、right、bottom、leftにどの色を適用するかが決まります。

(例)
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<TITLE>テスト</TITLE>
<STYLE type="text/css">
<!--
.test1
{
    font: 24pt monospace;
    border-style: solid;
    border-width: thick;
    border-color: red
}

.test2
{
    font: 24pt monospace;
    border-style: solid;
    border-width: thick;
    border-color: red blue
}

.test3
{
    font: 24pt monospace;
    border-style: solid;
    border-width: thick;
    border-color: red blue green
}

.test4
{
    font: 24pt monospace;
    border-style: solid;
    border-width: thick;
    border-color: red blue green yellow
}
-->
</STYLE>
</HEAD>
<BODY>
<P><SPAN class="test1">abcde あいうえお</SPAN></P>
<BR>
<P><SPAN class="test2">abcde あいうえお</SPAN></P>
<BR>
<P><SPAN class="test3">abcde あいうえお</SPAN></P>
<BR>
<P><SPAN class="test4">abcde あいうえお</SPAN></P>
</BODY>
</HTML>


Copyright(C) 2006-2011 CLAYPOT. All Rights Reserved.