✨ CSS Properties Demo (Class 8)
1. Text Properties
Beautiful Text Example
<div style="color: red; text-align: center; text-decoration: underline;">
Beautiful Text Example
</div>
2. Font Properties
Stylish Font Example
<div style="font-family: Arial, 'Courier New'; font-style: italic; font-size: 22px;">
Stylish Font Example
</div>
3. Border Properties
Border Example
<div style="border-style: solid; border-color: blue; border-width: 4px;">
Border Example
</div>
4. Background Color
Background Color Example
<div style="background-color: lightgreen;">
Background Color Example
</div>
5. Background Image
Background Image Example
<div style="background-image: url('image-url');">
Background Image Example
</div>
6. Margin Properties
Margin (Top, Bottom, Left, Right)
Margin Auto (Center)
Margin in %
margin-top, margin-bottom, margin-left, margin-right
margin: auto;
margin: 10%;
margin: inherit;
7. Outline Properties
Outline Example
outline-style: dashed;
outline-color: red;
outline-width: 4px;
8. Box Model
Content Area
Content
Padding: 20px
Border: 5px
Margin: 30px
9. Float Properties
Left
Right
Text flows between floated elements.
Float None Example
float: left;
float: right;
float: none;
float: inherit;
0 टिप्पणियाँ
आपके सुझाव सादर आमंत्रित है