monks/margin_right

The margin-right CSS property sets the margin area on the right side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

Values

auto_

</>

pub const auto_: #(String, String)

: The right margin receives a share of the unused horizontal space, as determined mainly by the layout mode that is used. If the values of margin-left and margin-right are both auto, the calculated space is evenly distributed. This table summarizes the different cases:

Value of {{cssxref(“display”)}}	Value of {{cssxref(“float”)}}	Value of {{cssxref(“position”)}}	Computed value of `auto`	Comment
`inline`, `inline-block`, `inline-table`	any	`static` or `relative`	`0`	Inline layout mode
`block`, `inline`, `inline-block`, `block`, `table`, `inline-table`, `list-item`, `table-caption`	any	`static` or `relative`	`0`, except if both `margin-left` and `margin-right` are set to `auto`. In this case, it is set to the value centering the element inside its parent.	Block layout mode
`block`, `inline`, `inline-block`, `block`, `table`, `inline-table`, `list-item`, `table-caption`	`left` or `right`	`static` or `relative`	`0`	Block layout mode (floating element)
any `table-`, except `table-caption`	any	any	`0`	Internal `table-` elements don’t have margins, use {{ cssxref(“border-spacing”) }} instead
any, except `flex`, `inline-flex`, or `table-*`	any	`fixed` or `absolute`	`0`, except if both `margin-left` and `margin-right` are set to `auto`. In this case, it is set to the value centering the border area inside the available `width`, if fixed.	Absolutely positioned layout mode
`flex`, `inline-flex`	any	any	`0`, except if there is any positive horizontal free space. In this case, it is evenly distributed to all horizontal `auto` margins.	Flexbox layout mode

inherit

</>

pub const inherit: #(String, String)

initial

</>

pub const initial: #(String, String)

length

</>

pub fn length(value: monks_of_style.Length) -> #(String, String)

length value of margin-right

raw

</>

pub fn raw(value: String) -> #(String, String)

Enter a raw string value for margin-right

revert

</>

pub const revert: #(String, String)

revert_layer

</>

pub const revert_layer: #(String, String)

unset

</>

pub const unset: #(String, String)

var

</>

pub fn var(variable: String) -> #(String, String)

Enter a variable name to be used for margin-right. It will be wrapped in var() and have -- prepended.