CSS樣式性質表

文字樣式

• * letter-spacing ---字的間距
  • normal：正常，預設。
  • pt：點數，20pt，0.5pt。
  • px：像素，8px。
  • em：字元大小，2em-->20ptx2=40pt。
    範例：{letter-spacing:30pt}
     
• * line-height ---行距
  • normal：預設值，根據字體自動調整。
  • 固定行距：20pt，24px，3in。
  • 比例行距：倍數，指定 3，文字大小為 12pt，則行距為 12ptx3=36pt。
  • 百分比：指定200%，文字大小為 12pt，則行距為 12ptx200%=24pt。
    範例：{line-height:1.5}
     
• * text-indent ---段落縮排
  • 點數：20pt，24px，3em，20(=20pt)。
  • 百分比：200%。
    範例：{text-indent:30pt}
     
• * text-decoration ---文字效果，線的樣式
  • none：無，預設。
  • underline：底線。
  • overline：文字上方的線。
  • line-through：刪除線。
    範例：{text-decoration:underline}
     
• * text-align ---文字水平對齊
  • left：靠左對齊。
  • center：居中對齊。
  • right：靠右對齊。
  • justify：分散對齊，用在英文時效果較明顯。
    範例：{text-align:center}
     
• * vertical-align ---元件垂直對齊
  • baseline：以元件的基線為準，預設值。
  • super：上標字。
  • sub：下標字。
  • top：以外圍元件為準，垂直向上對齊。
  • middle：以外圍元件為準，垂直向中對齊。
  • bottom：以外圍元件為準，垂直向下對齊。
  • text-top：文字垂直向上對齊。
  • text-bottom：文字垂直向下對齊。
    範例：{vertical-align:super;font-size:0.5em} ....上下標字配合 font-size 使用效果很好
     
• * text-transform ---字母大小寫轉換
  • none：無，預設。
  • capitalize：首字變大寫。
  • uppercase：所有英文字母變大寫。
  • lowercase：所有英文字母變小寫。
    範例：{text-transform:capitalize}