Page 91 - Modular_V1.1_Flipbook
P. 91

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












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

                               </P>
                               </STYLE>
                 Let us create a web page to set outline of a box.

                 <HTML>
                 <HEAD>

                 THE OUTLINE PROPERTY
                 </HEAD>
                 <BODY>

                 <P STYLE="MARGIN: 30PX; BORDER: 2PX SOLID BLACK;
                        OUTLINE: 5PX SOLID RED;OUTLINE-OFFSET: 15PX;">

                 THIS PARAGRAPH HAS RED COLOURED OUTLINE OF 5px BUT 15px OUTSIDE THE BORDER
                 EDGE.</P>
                 </STYLE>
                 </BODY>

                 </HTML>






















                                                             Using outline

                     CSS FONT

                 CSS font property is used to define the font, size and the style of the text. Some of the commonly
                 used font properties are font-family, font-style, font-size, etc.


                                                                                          Cascading Style Sheets  89
   86   87   88   89   90   91   92   93   94   95   96