1. 程式人生 > >css所有文字修飾樣式

css所有文字修飾樣式

</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>