css所有文字修飾樣式
阿新 • • 發佈:2018-12-26
</pre><pre name="code" class="html"><span style="font-size:24px;"><span style="white-space:pre"> </span>color: red; /*文字的顏色*/ line-height: 20px; /*為文字設定行高*/ text-align: center; /*水平對齊是影響一個元素中的文字的水平對齊方式。 值: left | center | right | justify | inherit*/ text-indent: 2em; /*文字縮排。length/inherit/initial(長度、繼承、最初始的值)*/ text-decoration:none; /*none | [underline(下劃線) || overline(上劃線) || line-through(中劃線)] | inherit*/ text-transform:uppercase; /*文字的轉換 值: uppercase(全大寫) | lowercase(全小寫) | capitalize(首字母大寫) | none | inherit*/ word-spacing:2em; /*用來設定文字或單詞之間的間距,單詞之間的間距 = word-spacing + 空格大小 值: <length> | normal | inherit*/ letter-spacing:4px; /*字母間的間隔*/ white-space:nowrap; /*設定文字的空白區域的處理方式 值:nowrap 不留空白 + pre-wrap 保留空白 + pre-line 合併空白符 + pre採用文字的預設樣式*/ text-shadow: 2px 2px #3e1f1f; /*設定文字的文字陰影*/ text-justify: inter-word; /*改變字與字指之間的距離 值:auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;*/ text-outline:2px 2px #ff0000; /*text-outline設定是文字的輪廓 所有的主流瀏覽器都不支援 */ text-overflow:hidden; /*設定文字溢位時的文字顯示效果*/</span>