|
border-top, border-bottom, border-left, border-right |
枠線は、border-top, border-bottom, border-left, border-right の
各プロパティを使って、上下左右に個別に指定することも出来ます。
工夫次第でいろいろな枠線のパターンを作ることが出来ます。
ここでは、上下の枠線に3ピクセル、左右の枠線に10ピクセルを指定します。
上のページの見出し枠線のパターンを変えてみます。
<html> <head> <title>紙の豆知識</title> <style type="text/css"> <!-- body { margin-left:15%; margin-right:15%; color:#000000; background-color:#ffffff; } h1 { font-size:42px; color:#993333; font-family:sans-serif; } h2 { font-size:20px; color:#ffffff; font-family:sans-serif; background-color:#cc6666; padding:3px; border-top:3px solid #660000; border-bottom:3px solid #660000; border-left:10px solid #660000; border-right:10px solid #660000; } p { font-size:16px; font-family:serif; line-height:150%; } .notes { font-size:14px; color:#660000; } --></style> </head> <body> <h1>紙の豆知識</h1> <h2>A判とB判</h2> <p> A判というサイズはドイツで生まれた、工業規格で現在は国際規格。 B判は日本独自の規格で,江戸時代の公用紙「美濃紙」のサイズに 由来するもの。日本のお役所の書類にB判が多いのはそのせいとか。 書道で使う「半紙」は美濃紙を半分にしたものということからそう呼ばれ るようになりました。 </p> <h2>紙のタテ・ヨコの比率のヒミツ。</h2> <P>A3の紙を半分に折るとA4に、A4の紙をまた半分に折るとA5に成ります. B判でも何度折っても紙は相似形のまま半分の面積に、此れは紙の 縦と横の比率が1:√2になっているから。次々に半分に折っていっても、 縦・横の比率が変わらず、紙に無駄が出ないようになっています。</P> <h2>中性紙は保存性が高い。</h2> <P>紙にはインクのにじみ防止のためにサイズ剤が使われています、 その時に使われる定着剤、硫酸バンドにより紙が酸性化。 長い年月の間に繊維か劣化し紙はボロボロになってしまいます。 一方中性紙は中性サイズ剤を使用しているので、繊維が酸性化 せず良い状態で長期保存できます。</P> <h2>紙の豆知識はこれだけ?</h2> <P>紙に付いて知りたい人は、<u><i>donbey suroomの紙の豆知識</i></u> を 見てください。<br> <SPAN class="notes">紙の豆知識以外に紙の規格表や面白いお話もあります。 <SPAN></SPAN></SPAN></P> <P align="center"><A href="css12.htm" target="_self"><IMG src="a_btn061.gif" width="44" height="18" border="0"></A></P> </body> </html> |
border-left: 左線の太さ 線種 色名またはカラーコード; | |
border-right: 右線の太さ 線種 色名またはカラーコード; | |
border-top: 上線の太さ 線種 色名またはカラーコード; | |
border-bottom: 下線の太さ 線種 色名またはカラーコード; | |
border: 四辺の線の太さ 線種 色名またはカラーコード; |