サンプル - Microsoft Internet Explorer |
見出しは左揃え段落は、センタリング この範囲は右揃え
|
center センタリング
right 右揃え
left 左揃え
justify 均等割付する
text-alignプロパティを使えば、文字の水平の位置を指定することが出来ます。
HTMLで見出し(h1など)や段落(p)の水平の位置を指定するには、align属性使って指定しましたが、この場合と同じようにスタイルシートでは、text-alignプロパティを使って文字の水平位置を指定します。
値にcenterを指定すれば、文字はセンタリングされます。そして値にrightを指定すれば右揃えされ、leftを指定すれば左揃えされます。
あと指定できる値にjustifyがありますが、これは、「文字を均等割付する」のところで説明します。
サンプル - Microsoft Internet Explorer |
見出しは左揃え段落は、センタリング この範囲は右揃え
|
<html> <head> <title>サンプル</title> <style type="text/css"> <!-- h1 {text-align:left; } p {text-align:center;} div {text-align:right; } --> </style> </head> <body> <h1>見出しは左揃え</h1> <p>段落は、センタリング</p> <div>この範囲は右揃え</div> </body> </html>