CSS3文字與字型

text-overflow用來設定是否使用乙個省略標記（...）標示物件內文字的溢位。

語法：

但是text-overflow只是用來說明文字溢位時用什麼方式顯示，要實現溢位時產生省略號的效果，還須定義強制文字在一行內顯示（white-space:nowrap）及溢位內容為隱藏（overflow:hidden），只有這樣才能實現溢位文字顯示省略號的效果，**如下：

text-overflow:ellipsis; 

overflow:hidden; 
white-space:nowrap; 

語法：

normal為瀏覽器預設值，break-word設定在長單詞或url位址內部進行換行，此屬性不常用，用瀏覽器預設值即可。

/* ttf:truetype    otf:opentype*/

@font-face 
div

/* ttf:truetype    otf:opentype*/

@font-face 

font-size-adjust：aspect；

font-size-adjust 屬性為某個元素規定乙個 aspect 值，這樣就可以保持首選字型的 x-height。

字型的小寫字母 「x」 的高度與 「font-size」 高度之間的比率被稱為乙個字型的 aspect 值。當字型擁有高的 aspect 值時，那麼當此字型被設定為很小的尺寸時會更易閱讀。

舉例：verdana 的 aspect 值是 0.58（意味著當字型尺寸為 100px 時，它的 x-height 是 58px ）。times new roman 的 aspect 值是 0.46。這就意味著 verdana 在小尺寸時比 times new roman 更易閱讀。

CSS3 文字與字型

text overflow用來設定是否使用省略標記標示物件內溢位的文字 clip表示剪下，ellipsis表示省略號隱藏 要實現溢位時產生 省略號的效果，還須定義 強制文字在一行內顯示 white space nowrap 及 溢位內容為隱藏 overflow hidden 只有這樣才能實現 溢位文...

CSS3 文字與字型

應用於陰影文字 語法text shadow h shadow 水平陰影 v shadow 垂直陰影 blur 陰影 color blur屬性值不能為負 text outline屬性，規定文字輪廓 語法 text outline thickness blur color 目前任何主流瀏覽器都不支援該屬...

css3文字與字型

恢復內容開始 1 text overflow 用來設定是否使用省略標記 必須和 white space nowrap 同時使用white space nowrap 強制文字在一行顯示 word wrap 設定在長單詞或 url位址內部進行換行 2 font face能夠載入伺服器端的字型檔案，讓瀏覽...