Version:

    Border radius properties

    Set the border radius Top left, Top Right, Bottom left and Bottom right on an element. Use Equal radius to set an equal radius on all corners of an element..

    Border radius top left, top right, bottom left and bottom right

    Set the radius of each corner of a box individually using top lefttop rightbottom left and bottom right.

    Expected value:

    • Enter a number (Negative values are not accepted)

    Accepted units:

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

    • blank - Enter a number and the value will be interpreted as pixels
    • px - The value will be applied in pixels
    • % - The value will be applied as a percentage of the element's width and height

    Border radius equal

    Set the radius on all corners of a box. Equal radius and individual radius can be used together. An individual radius will override the equal radius on that corner.

    Expected value:

    • Enter a number (Negative values are not accepted)

    Accepted units:

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

    • blank - Enter a number and the value will be interpreted as pixels
    • px - The value will be applied in pixels
    • % - The value will be applied as a percentage of the element's width and height

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

    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.