本篇文章帶給大家的內容是關於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中文網其他相關文章!