CSS樣式更改 文字Content

2021-10-24 09:22:24 字數 1700 閱讀 8155

上篇文章主要講述了css樣式更改中的背景background，這篇文章我們來談談文字content內容的基礎用法 1)).首行縮排文字

可以設定負數 也可使用百分數 畫素
2)).文字對齊方式

left     左邊


right 右邊


center 中間


justify 兩端對齊
3)).字間距

可以設定負數 也可使用百分數 畫素
4)).文字間距

可以設定負數 也可使用百分數 畫素
5)).文字轉換

none         不轉換


uppercase 大寫


lowercase 小寫


capitalize 首字母大寫
6)).文字修飾

none          不修飾


underline 下劃線


overline 上劃線


line-through 中劃線


blink 文字閃爍
7)).文字空白符的處理

pre-line 合併空白符序列，但是保留換行符


normal 忽略空白符


nowrap 文字不會換行，直到


出現才換行


pre 空白會被瀏覽器保留


pre-wrap 保留空白符序列，但是正常地進行換行
8)).文字方向

ltr     從左到右


rtl 從右到左


9)).文字行高


可使用百分數 畫素


10)).文字陰影
11)).字元換行

normal 只在允許的斷字點換行


break-word 在長單詞、url位址內部進行換行
12)).處理溢位文字

clip           修剪文字


ellipsis 省略符號來代表被修剪的文字


string 使用給定的字串來代表被修剪的文字
13)).文字輪廓
14)).文字換行

normal          只在允許的換行點進行換行。


none 不換行。元素無法容納的文字會溢位


unrestricted 在任意兩個字元間換行。


suppress 壓縮元素中的換行。瀏覽器只在行中沒有其它有效換行點時進行換行。
###總結 這篇文章主要介紹了css樣式更改篇中的文字content基本設定，希望讓大家對css選擇器有個簡單的認識和了解。看完本文有收穫？請**分享給更多的人it共享之家

CSS樣式 文字樣式

文字擷取 employorganizalistctrl listtext 文字對齊方式 text align justify 文字超出固定高度 顯示滾動條 overflow scroll 顯示邊框 border 1px dashed ff6b6b 虛線 border top style 1px so...

CSS樣式 文字

css文字屬性可定義文字外觀。通過文字屬性，可以改變文字的顏色，字元間距，對齊文字，裝飾文字，對文字縮排 color aquamarine 顏色是繼承效果 text align center 文字對齊方式 text indent 2 em 首行文字縮排2個畫素 text transform capi...

CSS 文字樣式

left center right左中右 justify 兩端對齊 inherit 繼承 行高不夠時，行與行之間後重疊 數字px 數字em 數字 基於字型大小的百分比 數字 父元素的百分比 數字px 數字em 固定值預設為0 inherit繼承 normal 預設 數字px 固定值 可為負值 inh...