素人のCSS談議

素人のスタイルシート談議

Copyright 2005 © RED-T.COM All Rights Reserved

マーク2


目次
１．margin、border、padding、contentsについて！
２．ボーダー（枠線）には8種類の表現がある！
３．ボーダーは、太さを指定できる！
４．パディングの設定！
５．次ページに行く|||TOPページに戻る

CascadingStyleSheets(CSS)講座

margin、border、padding、contentsについて！

borderには色を付けました。<p class="param1">で上2つがgreenです。下2つには3色用い、上がシルバー、左右が 黒に近いグレー、下が水色です。コンテンツを記述しないと4番目のようにパディングはなくなり、上下の線はくっついてしまいます。

ワインは、その起源が古く、紀元前６０００年から４０００年頃まで遡ります。ワイン生産発祥の地はカフカス((Kavkaz＝コーカサス(Caucosus)) の約４４万平方キロメートルの左右を黒海とカスピ海に、南をイラン、トルコ、北にロシアと接する狭い地域で現在のアルメニア、アゼルバイジャン、グルジアの３国を総称して カフカス地方と呼ばれたところ)地方であります。紀元前３０００年頃は、かの文明発祥の地メソポタミアでもワインが知られるようになり、当時の酒はぶどう酒とビールという 大きく二つに大別されましたがアルコール飲料としてワインがビールにとって変わりました。

aaaaa

ワインは、その起源が古く、紀元前６０００年から４０００年頃まで遡ります。ワイン生産発祥の地はカフカス((Kavkaz＝コーカサス(Caucosus)) の約４４万平方キロメートルの左右を黒海とカスピ海に、南をイラン、トルコ、北にロシアと接する狭い地域で現在のアルメニア、アゼルバイジャン、グルジアの３国を総称して カフカス地方と呼ばれたところ)地方であります。紀元前３０００年頃は、かの文明発祥の地メソポタミアでもワインが知られるようになり、当時の酒はぶどう酒とビールという 大きく二つに大別されましたがアルコール飲料としてワインがビールにとって変わりました。

ここではボーダーを定義し、それを指示符で実行してみた。下の模式図を確認してください。

ボーダー(枠線)には8種類の表現がある！

もちろん、これもCSSを「HEAD」部で定義している。ソースコードで確認されたい。一々説明するのはページの無駄になる から、実践的に記述します。


solid：直線


double：二重線


groove：溝線


ridge：稜線


inset：沈み込み


outset：浮き上がり


dotted：点線


dashed：破線

ボーダーは、太さを指定できる！

スタイルシートの「p.param1」中で「 border-width:10pt;」と10ポイントで作成するよう指示してある。


aaaaa

aaaaa

これを5ポイントですると


aaaaa

aaaaa

となります。当然上下左右の枠線の種類と色も変えられます。


aaaaa

aaaaa

パディングの設定！

　　　　　
aaaaa
　　　　　
bbbbb
　　　　

こればかりは、やり方が個人個人で設定に差があり考え方もあるのでソースコードを見て色々やってみてください。