Open In App
Related Articles

How to apply inline CSS ?

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

In this article we will learn how to apply inline CSS, Inline CSS contains the CSS property in the body section attached to the element is known as inline CSS. This kind of style is specified within an HTML tag using the style attribute. It is used to apply a unique style to a single HTML element.

Syntax:

<tag style = " "></tag>

Example 1: Here is the basic example of using inline CSS.

HTML

<!DOCTYPE html>
<html>
  <body>
        <p style="color: #009900;
                   font-size: 50px;
                    font-style: italic;
                    text-align: center;">
               GeeksForGeeks
            </p>
  </body>
</html>

                    

Output:

Example 2: Here is the demonstration of inline CSS.

HTML

<!DOCTYPE html>
<html>
<body>
    <h2 style="color: green;
               background: yellow">
        Geeks For Geeks
    </h2>
    <p style="color: black">
        Happy Preparation!!.
    </p>
</body>
</html>

                    

Output:



Last Updated : 09 May, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads