Home > Article > Web Front-end > Do CSS block-level elements have inheritable properties?
Do CSS block-level elements have inheritable properties?
- 青灯夜游Original
- 2020-11-23 15:34:063207browse
In CSS, block-level elements have attributes that can be inherited, which are: 1. text-indent attribute, used to specify the indentation of the first line of text in the text block; 2. text-align attribute, used The horizontal alignment of the specified element's text.
CSS block-level elements have inheritable properties.
Attributes that block-level elements can inherit:
1. text-indent
The text-indent attribute specifies the text block The indentation of the first line of text.
Note: Negative values are allowed. If the value is negative, indent the first line left.
Attribute value:
length defines fixed indentation. Default value: 0.
% Defines the indent based on a percentage of the width of the parent element.
Example:
<!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>
php中文网
php中文网
php中文网
php中文网
php中文网
php中文网
php中文网
php中文网
php中文网
php中文网
</div>
</body>
</html>
2、text-align
text-align Property specifies the horizontal alignment of the element's text.
Attribute value:
left Arrange the text to the left. Default: determined by the browser.
#right Arrange the text to the right.
#center Arrange the text to the center.
#justify Achieve the effect of aligning text on both ends.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
h1 {text-align:center}
h2 {text-align:left}
h3 {text-align:right}
</style>
</head>
<body>
<h1>标题 1</h1>
<h2>标题 2</h2>
<h3>标题 3</h3>
</body>
</html>
Programming Learning Course! !
The above is the detailed content of Do CSS block-level elements have inheritable properties?. For more information, please follow other related articles on the PHP Chinese website!