枠線の太さを変える

上下左右の枠線の太さを変えることができます。

<style type="text/css">
.di {border-color: #FF0000; border-width: 10px 20px 15px 5px; border-style: solid}
</style>
<div class="di">文字文字文字文字</div>

border-left-width：
左側の枠線を変えます。

border-right-width：
右側の枠線を変えます。

border-top-width：
上側の枠線を変えます。

border-bottom-width：
下側の枠線を変えます。

border-width: *：
上下左右の枠線を変えます。

border-width: * ?：
*は上下の枠線を変えます。
?は左右の枠線を変えます。

border-width: * ? #：
*は上の枠線を変えます。
?は左右の枠線を変えます。
#は下の枠線を変えます。

border-width: * ? # %：
*は上の枠線を変えます。
?は右の枠線を変えます。
#は下の枠線を変えます。
%は左の枠線を変えます。

太さの指定
数値で
px em ptなどの単位で指定します。
キーワードで
thin
細い線で表示
medium
普通の太さで表示
thick
太めの線で表示

[MENUに戻る]
[HOME]