Home > Article > Web Front-end > What does margin-right mean in css?
In CSS, margin-right means "right margin". It is a margin attribute used to set the right position distance of an element. Its value is allowed to be a negative number. The syntax is "margin-right" :Margin value;"; The margin value can be set to the keyword "auto", or it can be a relative value of percentage, or a fixed margin value.
The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.
In CSS, margin-right means "right margin", which is a margin attribute used to set the right position distance of an element.
The margin-right attribute sets the right margin of the element. The attribute value can be a negative number. If we need to set the top, bottom, left and right margins of an element at the same time, we can use the margin attribute to set it.
margin-right attribute syntax format:
margin-right:auto|length|%
| value | description |
|---|---|
| The right margin set by the browser. | |
| length | Define a fixed right margin. The default value is 0.|
| % | # Defines a percentage right margin based on the total width of the parent object.
Example 1: Relative value of percentage
<html>
<head>
<meta charset="utf-8">
<style>
p.ex1 {
margin-right: 50%
}
</style>
</head>
<body>
<p>一个没有指定边距大小的段落。一个没有指定边距大小的段落。一个没有指定边距大小的段落。</p>
<p class="ex1">一个右边距为容器宽度的 50%的段落。一个右边距为容器宽度的 50%的段落。一个右边距为容器宽度的 50%的段落。一个右边距为容器宽度的 50%的段落。一个右边距为容器宽度的 50%的段落。</p>
</body>
</html>
Example 2: Set a fixed value
<html>
<head>
<meta charset="utf-8">
<style>
p.ex1 {
margin-right: 50px;
}
</style>
</head>
<body>
<p>一个没有指定边距大小的段落。一个没有指定边距大小的段落。一个没有指定边距大小的段落。</p>
<p class="ex1">一个右边距为 50px 的段落。一个右边距为 50px 的段落。一个右边距为 50px 的段落。一个右边距为 50px 的段落。一个右边距为 50px 的段落。</p>
</body>
</html>
Extended knowledge: negative margin value
The negative margin means that the value of the margin attribute is set to a negative value, which is a very important issue in CSS layout. Useful tips. Scenarios with positive values are very common, and everyone is familiar with its performancecss video tutorial, web front-end）
The above is the detailed content of What does margin-right mean in css?. For more information, please follow other related articles on the PHP Chinese website!
