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

    Cohesion DX8 Help center

    Launch our Help center to raise a support ticket or search our knowledge base of common questions and answers.

    DX8 knowledge base icon

    Knowledge base

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

    Find answers

    Raise a ticket icon

    Raise a support ticket

    Log in to the Help center to raise an issue. Available Monday - Friday, 09:00 - 17:00 GMT.

    Raise ticket