Page 125 - CA 165 ver 1.0 Class 10
P. 125

CSS OUTLINE

                 An outline is a line that is drawn around elements, to make the element “stand out”. Outline differs from
                 borders as it is drawn outside the element’s border, and may overlap other content. CSS has the following
                 outline properties:

                   ‘outline-width’ property is used to set the width of the outline.
                   ‘outline-style’ property is used to set the style of line for the outline and can have values like Dotted,
                    Dashed, Solid, Double, Groove, Ridge, Inset, Outset, None, Hidden, etc.

                   ‘outline-color’ property is used to set the colour of the outline.
                   ‘outline-offset’ property is used to add space between an outline and the edge/border of an element.
                    The space between an element and its outline is transparent.

                   ‘outline’ property is used to set the above four properties in a single statement.

                                                              Outline

                                                              Border




                                                             Content













                   <P STYLE OUTLINE: Value_of_Width Style Colour; OUTLINE-OFFSET: Value;”>

                   TEXT
                   </P>



                                                                                        Cascading Style Sheets   123
   120   121   122   123   124   125   126   127   128   129   130