"if you encounter any errors in SAP, send me a screenshot at pramod@learntosap.com, and I will help you resolve the issue."

HTML Styles Tutorial: Inline, Internal & External CSS Explained with Examples

HTML TUTORIALS-

HTML Styles Tag –

Introduction-

HTML Styles Tag-

HTML (HyperText Markup Language),styles are used to change the appearance of elements on a webpage — like color, font, size, background, alignment, and so more..

Trulli Trulli

-)🧩 Inline Style Example-

-)🔍 In this example:-/b>

🔹color: blue; sets the text color.

🔹font-size: 20px; changes the size of the text.

✅ Examples:-HTML style attribute has the following syntax:-

                 <p style="color: blue; font-size: 20px;">This is a styled paragraph.</p>
            
                    
                    <body>
                    <p>learntosap.com</p>
                    <p style="color:red;">welcome to our website</p>
                    <p style="color:blue;">www.learntosap.com</p>
                    <p style="font-size:50px;">I am free website</p>
                    </body>

✅ Examples:-Fonts-family property defines the font to be used for an HTML element:

                      <h1 style="font-family:verdana;">welcome Free website</h1> 
                      <p style="font-family:courier;">www.learntosap.com</p>

🧩 ✨ Common Style Properties-

Common Style Properties:-

Property Description Example
color. Sets the text color color: red;
background-color Sets background color background-color: yellow;
font-size Sets the text size font-size: 18px;
font-family Sets the font type font-family: Arial;
text-align Aligns text text-align: center;
margin Adds space outside the element margin: 10px;
padding Adds space inside the element padding: 15px;
border Adds border around the element border: 1px solid black;

🧾 Inline Style on Different Elements:-

                <h1 style="color: green;">Welcome to LearnToSAP</h1>
                <div style="background-color: lightgray; padding: 10px;">
                This is a styled div.</div>

Live Code Preview

May Be Like Important Link-

-How To Import Data(LSMW) LEGACY SYSTEM MIGRATION WORKBENCH

-Define Condition Type-OBYZ

-Genral Ledger Chart Of Accounts-OBD4

-Document 90039783 saved (no accounting document generated)