Home >Web Front-end >HTML Tutorial >HTML Inline-Style

HTML Inline-Style

PHPzOriginal: 2024-09-04 16:47:12778browse

HTML Inline style is a method that styles web pages using a CSS scripting language, alongside the other two styling methods: Internal and External styling. This method adds unique styles specifically to the website or web page. The syntax for this is ‘

’, where the semicolon after the precise code for a style and is used for including the styling properties like font type, font color, borders, text arrangement, background, etc. It is a focal point for any website, as the user interface is expected to be highly convenient and friendly.

Syntax

The inline style works as CSS in the form of look and operation with some basic differences. It does impact directly on the tag in which they are written without using selectors.

Syntax to include inline style within code is as follows:

<body>
<h1 style="style code;"></h1>
</body>

Include the inline style attribute in the above syntax

tag. Where the style attribute works like another HTML attribute. After that equal sign =, the “quote, which includes the style value of that attribute, starts with style. The inline style code doesn’t include selectors or a pair of curly braces. This code is incomplete without the use of a semicolon after the value.

By using inline style, it is possible to define style to elements like size, fonts, color, alignment of text and images, background color to the text, borders, outline to the elements, spaces between elements, and many other styling codes.

You need to include all style code inline before the semicolon.

When do we use an inline style in HTML?

Developers mainly use inline styles within the code when they need to add or emphasize content that should be easily understood by the user. HTML emails often incorporate this type of style code to display fancy content within the mail body, as many mailers limit the use of