CSS3文字與字型

word-break: normal / break-all / keep-all;

/*normal：使用瀏覽器預設的換行規則
break-all：允許在單詞內換行
keep-all：只能在半形空格或連字元處換行
*/

相容性：ie5.5+、firefox15+、chrome4+、safari3.1+、opera15+

word-wrap: normal / break-word;

/*normal：只在允許的斷字點換行（瀏覽器保持預設處理）
*/

相容性：ie5.5+、firefox3.5+、chrome23+、safari6.1+、opera12.1+

text-align-last: auto / left / right / center / justify / start / end / initial / inherit;

/*auto：無特殊對齊方式
justify：內容兩端對齊
start：內容對齊開始邊界
end：內容對齊結束邊界
*/

相容性：text-align-last 屬性只有ie支援，在firefox中需要加上其字首「-moz」, chrom50.0.2661.102以上

注意（text-align-last 只有在 text-align 屬性設定為 "justify" 時才起作用）

overflowt: visible / hidden;

text-overflow: clip / ellipsis / string;

/*clip：修剪文字
ellipsis：顯示省略符號「…」來代表被修剪的文字
string：使用給定的字串來代表被修剪的文字
*/

相容性：ie6.0+、firefox7.0+、chrome4.0+、safari3.1+、opera11.1+（9.0 -o-）

text-shadow: h-shadow v-shadow blur color;

相容性：ie10+、firefox3.5+、chrome4+、safari4+、opera9.5+

font-family: ;

src: [,]*;
[font-weight: ];
[font-style: ];}
/*yourwebfontname：自定義的字型名稱，將被引用到web元素中的font-family
source：自定義的字型的存放路徑，可以是相對路徑也可以是絕路徑
format：自定義字型的格式，主要用來幫助瀏覽器識別
weight：定義字型是否為粗體
style：定義字型樣式，如斜體
*/

相容性：ie9+、firefox3.5+、chrome4+、safari3.2+、opera10+

turetpe(.ttf)（windows和mac的最常見的字型，是一種raw格式，因此不為**優化）

相容性：ie9+、firefox3.5+、chrome4+、safari3+、opera10+、ios mobile safari4.2+

opentype(.otf)（被認為是一種原始的字型格式，內建在turetype的基礎上，所以也提供了更多的功能）

相容性：firefox3.5+、chrome4+、safari3.1+、opera10+、ios mobile safari4.2+

web open font format(.woff)（web字型中最佳格式，是開放的truetype/opentype的壓縮版本，同時也支援元資料報的分離）

相容性：ie9+、firefox3.5+、chrome6+、safari3.6+、opera11.1+

embedded open type(.eot)（ie專用字型，可以從truetype建立此格式字型）

相容性：ie4+

svg(.svg)（基於svg字型渲染的一種格式）

相容性：chrome4+、safari3.1+、opera10+、ios mobile safari3.2+

@font-face

字型檔案+css模板一鍵生成**：

CSS3文字與字型

text overflow用來設定是否使用乙個省略標記 標示物件內文字的溢位。語法 但是text overflow只是用來說明文字溢位時用什麼方式顯示，要實現溢位時產生省略號的效果，還須定義強制文字在一行內顯示 white space nowrap 及溢位內容為隱藏 overflow hidden ...

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 目前任何主流瀏覽器都不支援該屬...