Version:

    Margin properties

    Set the Margin Top, Bottom, Left and Right on an element. Use Margin equal to set equal margins on all sides.

    Margin top, bottom, left and right

    Set the outer margin of an element using the Margin topMargin bottomMargin left and Margin right fields.

    Expected value:

    • Enter a number
    • Negative values are accepted

    Accepted units:

    You can leave blank or specify a unit to be used.

    • blank - Just add a number and the value will be interpreted as pixels and be converted to rem's automatically if this behaviour is set within Base unit settings
    • px - The value will be applied in pixels
    • % - The value will be applied as a percentage of the parent elements width

    Note: Additional units are accepted. For more information see https://www.w3schools.com/cssref/css_units.asp

    Find more information at https://developer.mozilla.org/en-US/docs/Web/CSS/margin

    Margin equal

    Set the outer margin on all sides of an element.

    Note: Individual sides override margin equal.

    Expected value:

    • Enter a number
    • Negative values are accepted

    Accepted units:

    You can leave blank or specify a unit to be used.

    • blank - Just add a number and the value will be interpreted as pixels and be converted to rem's automatically if this behaviour is set within Base unit settings
    • px - The value will be applied in pixels
    • % - The value will be applied as a percentage of the parent elements width

    Note: Additional units are accepted. For more information see https://www.w3schools.com/cssref/css_units.asp

    Find more information at https://developer.mozilla.org/en-US/docs/Web/CSS/margin

    Margin block-start, margin block-end, margin inline-start, margin inline-end

    Set the logical block start, block-end, inline-start and inline-end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.

    Note: Individual sides override margin equal.

    Expected value:

    • Enter a number
    • Negative values are accepted

    Accepted units:

    You can leave blank or specify a unit to be used.

    • blank - Just add a number and the value will be interpreted as pixels and be converted to rem's automatically if this behaviour is set within Base unit settings
    • px - The value will be applied in pixels
    • % - The value will be applied as a percentage of the parent elements width

    Note: Additional units are accepted. For more information see https://www.w3schools.com/cssref/css_units.asp

    Find more information at https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block-start

    DX8 knowledge base icon

    Frequently asked questions

    Get instant answers to common questions. Available online 24/7.

    Find answers

    Raise a ticket icon

    Raise a support ticket

    To raise a ticket, sign into Acquia Cloud and select Help in the top menu.

    Raise support ticket

    Acquia

    Copyright © 2020 Acquia, Inc. All Rights Reserved. Drupal is a registered trademark of Dries Buytaert.