css3文字效果

2021-06-29 16:49:50 字數 958 閱讀 5542

text-shadow:

在css3中我們可以給單調的文字加上陰影效果,賦予文字美感;

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

h-shadow:(必須)水平陰影的位置,允許負值;

v-shadow:(必需)垂直陰影的位置,允許負值;

blur:(可選)模糊的距離;(銳化陰影)

color:(可選)預設與字型同色;

js語法:object.style.textshadow="2px 2px #ff0000"該屬性具有繼承性;

normal/break-word

normal:(預設)只允許在斷字點換行;

js語法:object.style.wordwrap="break-word"該屬性具有繼承性;

text-overflow:屬性規定當文字溢位包含元素時發生的事情

text-overflow:clip|ellipsis

clip:修剪(超過外框寬度的剪掉)

ellipsis:顯示省略號來代表被修剪的文字;

加上white-space: nowrap規定段落中的文字不進行換行;

js語法:object.style.textoverflow="ellipsis"繼承性:no

以下是現在的主流瀏覽器還不支援:

1. hunging-punctuation:規定標點字元是否位於線框之外。

2. punctuation-trim:規定是否對標點字元進行修剪。

3. text-emphasis:向元素的文字應用重點標記以及重點標記的前景色。

4. text-justify:規定當 text-align 設定為 「justify」 時所使用的對齊方法。(ie支援)

5. text-outline:規定文字的輪廓。

CSS3文字效果

css3提供了text shadow文字陰影效果,這個屬性在之前講過,只是沒有涉及瀏覽器支援情況 opera 9.5 firefox 3.5 chrome 4 ie 10 safari 3.1 正值陰影 負值陰影 多重陰影疊加 css3提供了text overflow屬性來控制文字的溢位部分,它的作...

css3文字效果

1.text shadowcss3中,text shadow是設定文字陰影 水平陰影 垂直陰影 模糊的距離 以及陰影的顏色 給標題新增陰影 h12.text overflowcss3文字溢位屬性指定應向使用者如何顯示溢位內容 div 上面的這串 可以使溢位的文字內容以省略號 顯示 3.css3的換行...

CSS3文字效果

text overflow 屬性規定當文字溢位包含元素時發生的事情。text overflow clip ellipsis string 值 描述clip 預設值,修剪文字 ellipsis 顯示省略符號來代表被修剪的文字。string 使用給定的字串來代表被修剪的文字。text shadow 屬性...