Home  >  Article  >  Web Front-end  >  What does margin-left mean?

What does margin-left mean?

不言
不言Original
2019-01-09 17:00:0134776browse

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.

What does margin-left mean?

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

What does margin-left mean?

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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn