Basic HTML Version

|  | Table of Contents |  | View Full Version

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 |