Skip to content
Related Articles

Related Articles

Which inline attribute is used to specify the styling of specific elements in HTML ?

Improve Article
Save Article
  • Last Updated : 01 Feb, 2022
Improve Article
Save Article

In this article, we will discuss the inline attribute used to specify the styling of specific elements in HTMl. Styles in HTML are basically rules that describe how a document will be presented in a browser. Style information can be either attached as a separate document or embedded in the HTML document.  

Inline Style: In Inline styling, the CSS rules are directly written inside the starting tag using the style attribute. The style attribute includes a series of CSS property and value pairs. Each ‘ property: value ‘ pair is separated by a semicolon ( ; ). 

Let’s understand the style attribute using examples:

Example 1:

HTML




<!DOCTYPE html>
<html>
<body>
    <h1 style="color:Blue;font-size:25px;">
        Java - Inline style
    </h1>
    <p style="color:red;">Java - paragraph</p>
  
    <p style="color:green;font-size:40px;">
        python - paragraph
    </p>
  
    <hr style="border-color:orange;">
</body>
</html>


Output:

Example 2:

HTML




<!DOCTYPE html>
<html>
<body>
  
    <h1 style="color:Blue;font-size:25px;">
        Java - Inline style
    </h1>
   <h2 style="color:green;font-size:15px;">
        Python - Inline style
    </h2>
</body>
</html>


Output:


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!