Outline properties

    Set an outline Width, Color Offset and Style to an element. Outline properties can be used together with Border properties.

    Outline width

    Set the width of the elements outline. An outline is line that is drawn around an element, outside it's border.

    Expected value:

    • Enter a number. 0 is no outline, 1 is 1px
    • Negative numbers are accepted

    Accepted units:

    • blank - Enter a number and the value will be interpreted as pixels

    Outline color

    Set the color of the outline.

    Expected value:

    • Select a color from the color palette
    • Translucent colors are accepted

    Outline style

    Set the style of the outline.


    • None - No outline is applied
    • Solid - Display a solid outline
    • Dotted - Display a dotted outline
    • Dashed - Display a dashed outline
    • Double - Display a double outline. The outline must be at least 3px to use a double outline

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

    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