最近スタイルシートにはまってるものの、全く覚えられないので個人的メモも兼ねてやっていこうかと。
あくまで個人的メモなのでネタはないものと思ってください、期待して読んでも基本的におちないと思います。間口の狭いネタもないと思います。
あと自分も分かってない状態の個人的メモ目的でかいているので色々間違いがあるかもです。もしそういうのを見つけたら教えてもらえると幸いです。教えてもらってもそれを反映するのがいつになるかは分かりませんが、とりあえずよろしくおねがいします。
──てことで、最初は行揃えを。
●タグによる指定
左揃え (標準状態では指定する必要なし) ・ <div align=”left”> </div>
中央揃え <center> </center> ・ <div align=”center”> </div>
右揃え <div align=”right”> </div>
●CSSによる指定
左揃え text-align: left;
中央揃え text-align: center;
右揃え text-align: right;
●見本
・text-align:left;
一箱八個入りで兄弟でも分けやすく 子沢山の時代にマッチしてた
最後の一つを地面に落とすと切なくて
いつの間にかたいやきのお客もたこ焼きを求めていた
原因はなんと言ってもマヨネーズ
ご飯にさえかけられるほど世間にこっそりマヨネーズはうけていた
・text-align:center;
一箱八個入りで兄弟でも分けやすく 子沢山の時代にマッチしてた
最後の一つを地面に落とすと切なくて
いつの間にかたいやきのお客もたこ焼きを求めていた
原因はなんと言ってもマヨネーズ
ご飯にさえかけられるほど世間にこっそりマヨネーズはうけていた
・text-align:right;
一箱八個入りで兄弟でも分けやすく 子沢山の時代にマッチしてた
最後の一つを地面に落とすと切なくて
いつの間にかたいやきのお客もたこ焼きを求めていた
原因はなんと言ってもマヨネーズ
ご飯にさえかけられるほど世間にこっそりマヨネーズはうけていた
以前のタグは頻繁に使うモノは字数を少なく済ませられるように専用のタグが用意されているようで、centerもそれになります。頻繁に使うってぐらいだからそんなに覚えるのは苦ではないものの右揃えなどに覚えたことが活かせないんですよね。CSSはそういうズルっ子みたいなタグはなくして統一された書き方をするのでtext-alignを覚えてしまえば後は英語で右と左と中央が書けるようになればいいだけです。うわー簡単!! ──と言いながら右の綴り(right)が覚えられないよもぎ氏。ははは…。
ちなみに、text-align:justify;とすることで両端揃えをすることができます。ただ今(書いてる今)現在、日本語の両端揃えに対応しているブラウザがほとんどないということで、使うときは両端に揃わないことも想定した上で使うのがいいかと思います。
・text-align:left;
・text-align:justify;
FireFox1.5以上でないと反映されないとのことですが、その上例文が微妙なのでFF1.5でも分かりづらい所ですが、右と左の両方がびっしり揃っているはずです。