- HTML Tutorial
- HTML - Home
- HTML - Introduction
- HTML - Editors
- HTML - Basic Tags
- HTML - Elements
- HTML - Attributes
- HTML - Headings
- HTML - Paragraphs
- HTML - Fonts
- HTML - Blocks
- HTML - Style Sheet
- HTML - Formatting
- HTML - Quotations
- HTML - Comments
- HTML - Colors
- HTML - Images
- HTML - Image Map
- HTML - Iframes
- HTML - Phrase Elements
- HTML - Meta Tags
- HTML - Classes
- HTML - IDs
- HTML - Backgrounds
- HTML Tables
- HTML - Tables
- HTML - Headers & Caption
- HTML - Table Styling
- HTML - Table Colgroup
- HTML - Nested Tables
- HTML Lists
- HTML - Lists
- HTML - Unordered Lists
- HTML - Ordered Lists
- HTML - Definition Lists
- HTML Links
- HTML - Text Links
- HTML - Image Links
- HTML - Email Links
- HTML Color Names & Values
- HTML - Color Names
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML Forms
- HTML - Forms
- HTML - Form Attributes
- HTML - Form Control
- HTML - Input Attributes
- HTML Media
- HTML - Video Element
- HTML - Audio Element
- HTML - Embed Multimedia
- HTML Header
- HTML - Head Element
- HTML - Adding Favicon
- HTML - Javascript
- HTML Layouts
- HTML - Layouts
- HTML - Layout Elements
- HTML - Layout using CSS
- HTML - Responsiveness
- HTML - Symbols
- HTML - Emojis
- HTML - Style Guide
- HTML Graphics
- HTML - SVG
- HTML - Canvas
- HTML APIs
- HTML - Geolocation API
- HTML - Drag & Drop API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web Storage
- HTML - Server Sent Events
- HTML Miscellaneous
- HTML - MathML
- HTML - Microdata
- HTML - IndexedDB
- HTML - Web Messaging
- HTML - Web CORS
- HTML - Web RTC
- HTML Demo
- HTML - Audio Player
- HTML - Video Player
- HTML - Web slide Desk
- HTML Tools
- HTML - Velocity Draw
- HTML - QR Code
- HTML - Modernizer
- HTML - Validation
- HTML - Color Picker
- HTML References
- HTML - Cheat Sheet
- HTML - Tags Reference
- HTML - Attributes Reference
- HTML - Events Reference
- HTML - Fonts Reference
- HTML - ASCII Codes
- ASCII Table Lookup
- HTML - Color Names
- HTML - Entities
- MIME Media Types
- HTML - URL Encoding
- Language ISO Codes
- HTML - Character Encodings
- HTML - Deprecated Tags
- HTML Resources
- HTML - Quick Guide
- HTML - Useful Resources
- HTML - Color Code Builder
- HTML - Online Editor
HTML - Global style Attribute
HTML style attribute allows inline styling of an element by defining CSS properties directly within the HTML tag, affecting its appearance and presentation.
To ensure that your website is accessible and maintainable, use it wisely and consider best practices for separating content and presentation, although for minor styling adjustments, the style attribute can be used.
Syntax
<element style="style_definitions">
The style attribute accepts value in pair property and properties value. One or more properties and values separated by semicolons is acceptable.
Applies on
Since style is a global attribute in HTML, all the tags which can contain text in it supports style attribute. Some exceptions are <html>, <head>, <title> etc as they are structural elements.
Examples of HTML style attribute
Below examples will illustrate the HTML height attribute, where and how we should use this attribute!
Styling heading Tag using style Attribute
In the following example, let’s see the working of style attributes in HTML documents. If we pass the style attributes along with an element, then it becomes Inline CSS.
<!DOCTYPE html> <html> <body style="text-align: center"> <h3>HTML style Attribute</h3> <h1 style="color: green"> Tutorials<span style="color: black">point</span> </h1> </body> </html>
Multiple properties on a single style Attribute
Consider the another scenario, where we are going to use the multiple inline styles inside style attribute, each separtated by semi column.
<!DOCTYPE html> <html> <body style="text-align: center"> <h3>HTML style Attribute</h3> <p style="color: darkblue; background-color: lightgray; font-size: 20px; font-style: italic; "> HTML translate attribute is used to specify whether the content of an element should be translated when the page is localized </p> </body> </html>
Supported Browsers
Attribute | |||||
---|---|---|---|---|---|
style | Yes | Yes | Yes | Yes | Yes |
To Continue Learning Please Login
Login with Google