高さ・幅を指定する

heightプロパティで高さwidthプロパティで幅を指定

各要素の高さ・幅はheight• widthプロパティでそれぞれ指定することができます。設定できる値は下表の長さを表す数値と単位の組み合わせです。注意しなくてはいけないのは、高さ、幅とはコンテント領域の高さ・幅であるということです。このことを理解しておかないと、バディングやマージンを設定したときに意図どおりに表示されないことがあります。

textーalignプロパティで左右の笹置揃えを指定

cssではテキストやインライン要素の左右の位置揃えはtext-alignプロパティで指定します。位置揃えを設定したいテキス卜などのインライン要素が含まれるブロックレベル要素に、下表の値のいずれかを指定します。ここでは「center」を指定して中央揃えにしています。

ブロツクレベル裏素を中央に揃える

HTMLには従来、中央に揃えるcenterタグがありますが、これを使うのは現在の仕様では適切でないとされています。テキス卜やインライン要素の場合は、親要素のtext-alignプロパティに「center」を設定しますが、ブロックレベル要素の場合は左右のマージンに「auto」を指定して中央揃えにします。InternetExplorerの場合、ブロックレベル要素の場合でもインライン要素の場合と同様に、text-alignプロパティにcenterを指定しでも中央揃えになりますが、IE以外のユーザーが想定される場合はマージンの指定で中央揃えにします。なお、IEの場合文書型宣言を行っていないと、左右のマージンに「auto」を設定しでも中央揃えにできません。