這篇文章給大家分享的是有關CSS塊級元素有沒有可繼承的屬性的內容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。
在CSS中,塊級元素有可以繼承的屬性,分別為:1、text-indent屬性,用于規定文本塊中首行文本的縮進;2、text-align屬性,用于指定元素文本的水平對齊方式。
CSS 塊級元素有可繼承的屬性。
塊級元素可以繼承的屬性:
1、text-indent
text-indent 屬性規定文本塊中首行文本的縮進。
注意: 負值是允許的。如果值是負數,將第一行左縮進。
屬性值:
length 定義固定的縮進。默認值:0。
% 定義基于父元素寬度的百分比的縮進。
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div {
width: 400px;
border: 1px solid #000;
padding: 10px;
text-indent: 1cm
}
</style>
</head>
<body>
<div>
億速云
億速云
億速云
億速云
億速云
億速云
億速云
億速云
億速云
億速云
</div>
</body>
</html>
2、text-align
text-align屬性指定元素文本的水平對齊方式。
屬性值:
left 把文本排列到左邊。默認值:由瀏覽器決定。
right 把文本排列到右邊。
center 把文本排列到中間。
justify 實現兩端對齊文本效果。
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
h2 {text-align:center}
h3 {text-align:left}
h4 {text-align:right}
</style>
</head>
<body>
<h2>標題 1</h2>
<h3>標題 2</h3>
<h4>標題 3</h4>
</body>
</html>
感謝各位的閱讀!關于CSS塊級元素有沒有可繼承的屬性就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。