IMG-LOGO
Home Course Outline CSS

Outline CSS

by MH RISHAD - 20 Dec 2020
IMG

Outline is line that's drawn around components, Exterior the borders, to form the component "stand out".

CSS has the taking after diagram properties:

    •        outline-style
    •       outline-color
    •        outline-width
    •        outline-offset

CSS Outline Style

 

The outline-style property indicates the fashion of the diagram, and can have one of the taking values:

 

A dotted outline.

A dashed outline.

A solid outline.

A double outline.

A groove outline. The effect depends on the outline-color value.

A ridge outline. The effect depends on the outline-color value.

An inset outline. The effect depends on the outline-color value.

An outset outline. The effect depends on the outline-color value.

 

Example

Show of the layout styles:

    •          .dotted {outline-style: dotted;}
    •          .dashed {outline-style: dashed;}
    •          .solid {outline-style: solid;}
    •          .double {outline-style: double;}
    •          .groove {outline-style: groove;}
    •          .ridge {outline-style: ridge;}
    •          .inset {outline-style: inset;}
    •          .outset {outline-style: outset;}

 

Share:

Leave a Comment

Required fields are marked *