Page 99 - 2611_SmartGPT Pro V(5.0) C-6
P. 99

<TITLE>Using Background Properties</TITLE>

                 </HEAD>

                 <BODY STYLE="BACKGROUND-IMAGE: URL('astronaut.jpg');

                 BACKGROUND-SIZE: 500px 500px;">
                 <H1 STYLE="

                 BACKGROUND-COLOR: MEDIUMPURPLE;">

                 Exploring the Universe</H1>

                 </BODY>

                 </HTML>
                 Note: Ensure that the astronaut.jpg file is in the same folder as the HTML file.



                      PURE
                      FACT       In CSS, 1 inch is equal to 96 pixels.







                           TEXT PROPERTIES


                 In CSS, text properties are used to style and control the appearance of text on a web page.
                 The table below lists some text properties, their corresponding values and descriptions:


                        Property
                         Name                         Value                             Description


                                           Any valid colour value
                  COLOR                                                   This property sets the text colour.
                                           (name, HEX, RGB and more)
                                           LEFT, RIGHT, CENTER and
                  TEXT-ALIGN                                              This property aligns the text horizontally.
                                           JUSTIFY
                                                                          This property transforms text to uppercase,
                                           CAPITALIZE, UPPERCASE,
                  TEXT-TRANSFORM                                          lowercase or capitalises the first letter of
                                           LOWERCASE and NONE
                                                                          each word.

                                           UNDERLINE, OVERLINE,           This property adds a line below, above or
                  TEXT-DECORATION
                                           LINE-THROUGH and NONE          through text.

                                           color, x-offset, y-offset,     This property adds a shadow effect to the
                  TEXT-SHADOW
                                           blur-radius                    text.






                                                                                               CSS3—Styling Basics  97
   94   95   96   97   98   99   100   101   102   103   104