Home >Web Front-end >CSS Tutorial >What does margin-left mean?
What does margin-left mean?
- 不言Original
- 2019-01-09 17:00:0134828browse
The margin attribute is used to set the outer margin of the element, so the margin-left attribute is used to set the left margin of the element. Let's take a look at the details of margin-left.
The margin-left attribute is the same as the margin attribute. All mainstream browsers support this attribute (related recommendations: CSS Manual)
The attribute value of the margin-left attribute can use negative values. Let's take a look at the available values for margin-left.
auto: The left margin set by the browser.
length: Define a fixed left margin. The default value is 0.
%: Defines the percentage left margin based on the total height of the parent object.
inherit: Specifies that the left margin should be inherited from the parent element.
The syntax is
margin-left： auto|length
Let’s look at a specific example
Use margin-left to set the left margin
<html>
<head>
<style type="text/css">
p.leftmargin {margin-left: 2cm}
</style>
</head>
<body>
<p>这段文字没有指定外边距。</p>
<p class="leftmargin">这段文字有左外边距。</p>
</body>
</html>The effect is as follows
From the picture we can clearly see that the text with the margin-left attribute set is far from the left With margins.
The above is the detailed content of What does margin-left mean?. For more information, please follow other related articles on the PHP Chinese website!