Version:

    Width properties

    Set the Minimum width, Maximum width or Fixed width of an element.

    Min width

    Set the minimum width of an element.

    Behavior:

    • Min-width prevents the width of the element from being smaller than the value set
    • Min-width does not prevent the element from growing in width if the content within it is larger than the value set
    • Min-width overrides the Width and Max-width properties.

    Expected value:

    • Enter a number

    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://www.w3schools.com/cssref/pr_dim_min-width.asp

    Max width

    Set the maximum width of an element.

    Behavior:

    • Max-width prevents the width of the element from being larger than the value set
    • Max-width does not prevent the element from being smaller in width if the content within it is smaller than the value set
    • Max-width overrides the Width property

    Expected value:

    • Enter a number

    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

    Width

    Set the width of an element.

    Expected value:

    • Enter a number

    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
    • vw - The value will be applied as a percentage of the browser viewport width

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

    Find more information about width at https://www.w3schools.com/cssref/pr_dim_width.asp

    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.