CSS Text Properties

CSS - Text Properties

You may like to decorate your text further by giving it a more appropriate look and feel like underlining, capitalizing, indenting, etc.

For achieving all these you can use text properties of CSS.

Let us explore on text properties in CSS.

CSS Text Properties

Let us see the usage of text-decoration property in the below example.

CSS Text Properties html code
CSS Text Properties css code
css Text Decoration Output

Let us see the usage of text-transform property in the below example.

css Text Transform HTML
css text transform
css Text Transfrom Output 2

Let us see the usage of text-align property in the below example.

css text properties html code
css Text align
css Text align output
css text properties html code
css text properties css code
css text properties output
css text Spacing Output

Demo :

CODE/PROGRAM/EXAMPLE
<!doctype html>
<head>
    <title>Home Page</title>
    <meta charset="UTF-8">
</head>
<body>
    <table border="1" align="center">
        <tr>
            <td width="800px" height="100px">
                <h2>Global Bank</h2>
            </td>
        </tr>
    </table>
    <table border="1" align="center" bordercolor="#8598CC">
        <tr>
            <td width="600px">
                <section>
                    <h3>Welcome to Global Bank Success Page !</h3><br/>
                    <p><em>Global Bank</em> is a international bank which has branches in various cities of 
                    various country.</p>
                    <br /><br /><br/><br/>
                </section>
                <div align="center">Hello User!
                    <p>Your Account Creation Was Successful!<p>
                    <p> Thanks for opening an account with our bank. Please login to continue.<p><br />
                </div>
                <p align="center"><a href="home2.html">Login</a> </p>
            </td>
        </tr>
    </table>
    <table border="1" align="center">
        <tr>
            <td width="800px" height="30px">
                <footer>
                    <h2>&copy; Global Bank</h2>
                </footer>
            </td>
        </tr>
    </table>
</body>
</html>
#css_text_properties #css_text_decoration #css_text_properties_example #css_font_color #css_text_color #text_decoration #css_font_weight #css_text_decoration #css_text_transform_

(New page will open, for Comment)

Not yet commented...