初級HTML,CSS作成講座


~初級HTML,CSS作成講座~

◆文字を左、中央、右に寄せる

text-align:left;
text-align:center
text:align:right
左寄せ
中央寄せ
右寄せ



◆文字の左右の空白を指定

margin:ピクセル数;
margin-left:ピクセル数;
margin-right:ピクセル数;
左右に200px
左に30px
右に100px
rightは分かりにくいですがちゃんと空白があります。


行の高さを指定

line-height: 数値;高さ70px
数値 % フォントサイズに対する割合  数値のみでは、フォントサイズとその数値をかけた値が行の高さになります。
数値の単位 mm,cm,in,pt,pc,px,ex,em


◆縦の揃え位置を指定

vertical-align: 種類;上端揃え下端揃え
種類 baseline その要素のベースラインに揃える
   top 上端揃え
   middle 中央揃え
   bottom 下端揃え
   text-top テキストの上端揃え(セルへの指定は出来ない)
   text-bottom テキストの下端揃え
   super 上付き文字(セルへの指定はできない)
   sub 下付き文字(セルへの指定はできない)
   % 正の値なら上へ、負の値なら下に移動
   数値の単位 mm,cm,in,pt,pc,px,ex,em


◆一行目のインデント幅を指定

text-indent: 数値;

一行目(14px)
二行目
三行目

数値の単位はmm,cm,in,pt,pc,px,ex,em,%です。(%は親要素に対する割合になります)
段落などで一行目を1文字分空けたい時等で使います。


◆文字の間隔を指定

letter-spacing: 数値;8pxずつの間隔
数値の単位 mm,cm,in,pt,pc,px,ex,em
種類 normal 通常
また、- (マイナス)を指定することも出来ます。


◆単語ごとの間隔を指定

word-spacing: 数値;This is a pen (10px)
数値等は上記と同じです。
戻る