CSS 字體屬性 (二)

陳育霖

文字對齊方式: text-align
left 靠左、right 靠右、center 置中、justify 左右對齊、initial 預設

1. h1{
   
2.     text-align:center;
   
3. }

複製代碼

首行縮排: text-indent
cm、px、pt、em等單位、%百分比

1. p{
   
2.     text-indent:32px;
   
3. }

複製代碼

行高設定: line-height
normal、number 字形尺寸倍數、%百分比

1. #number1{
   
2.     line-height:1;
   
3. }
   
4. #number2{
   
5.     line-height:24px;
   
6. }

複製代碼

字母間距 letter-spacing
normal 預設、cm、px、pt、em等單位(可以為負數)

1. #letterspacing1{
   
2.     letter-spacing: 10px;
   
3. }
   
4. #letterspacing2{
   
5.     letter-spacing: 20px;
   
6. }

複製代碼

文字間距 word-spacing
normal 預設(0.25em)、length 設定間距值，可為負數、inital、inherit

1. #wordspacing{
   
2.    word-spacing: 20px;
   
3. }

複製代碼