首頁 > web前端 > css教學 > css文字屬性有哪些? css文字屬性的總結

css文字屬性有哪些? css文字屬性的總結

不言
發布: 2018-08-13 09:42:32
原創
3551 人瀏覽過

本篇文章帶給大家的內容是關於css文字屬性有哪些? css文本屬性的總結,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

稍微總結了下css文本的一些屬性用法,自己忘記的時候也可以用來查查,不用去查網站那麼麻煩。

以下是部分總結,也希望對其他人有用

文字修飾

##(1)text -decoration:  文字修飾(橫線)

4個屬性值

overline   line-through   underline  blink

(1)overline

定義文字上的一條橫線

(2)line-through

這個屬性值時最有用的,一般商家降價促銷後面的價格會用橫線劃去表示那是之前的價格

(3)一般標籤會帶由unline

#要想移除就要設定text-decoration:none

(4)blink

文字閃爍,一般很少使用,只有在canvas中會使用,瀏覽器的支援度不高,只有火狐支援

另外:

還可以用text- decoration-color來修飾橫線的顏色

(2)text-transform   字母大小寫

5個屬性值

capitalize   uppercase    lowercase   inhertase   inhert none

(1)capitalize

首字母大寫

#(2)uppercase和lowercase

大小寫

#(3)inhert

繼承父元素的字母屬性

(4)none

默認,沒有任何效果

(3)text-overflow 定義文本超出範圍的修飾

3個屬性

clip  ellipsis    string

(1)clip

# 修剪文字

( 2)ellipsis

用省略號來表示超出的文字

(3)string

用固定的字元來表示超出的文字

(4) text-shadow: h-shadow v-shadow blur color   文字陰影效果

3個屬性值

(1)v-shadow    必需,水平陰影的位置,允許負值

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

(3)blur     可選,模糊的距離

(4) color   可選,陰影的顏色

文字佈局

(1)text-indent    文字縮排

3種屬性值

length    %     inhert

(1)length

##定義固定縮進,以像素為單位,預設值為0

(2)%

以父元素寬度的百分比為長度縮排

(3)inhert

#繼承父元素的縮排

(2)text-align    文字對齊

5種屬性值

left   center  right  justify  inhert

#(1)left與right

很少使用

(2)center

居中對齊

#經常和line-height:父元素高度 一起使用使文字居中對齊

如果不加入line-height 屬性,文字會偏在父元素的上方

(3)justify

文字兩端對齊

相關推薦:

用CSS動態控製文字屬性_CSS/HTML


#css中文字換行屬性word-wrap和white-space

#

以上是css文字屬性有哪些? css文字屬性的總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板