What is Padding in CSS | How to Add Padding in CSS | Daily Coding | Class 09
Asalam o Alikum ٖFriends:-
This is my whatsapp channel link. If anyone wants to contact me, he can join my
WhatsApp channel.👉👉👉👉 https://whatsapp.com/channel/0029Va8w...
---------------------------------------------------------------------------------------------------------
Visit ilovetool.net ! Find the perfect tool for every task and make magic happen. 👉👉👉👉
https://www.ilovetool.net/
#csstutorial
#dailycoding
#faizilham
-------------------------------------------------------------
In this Daily Coding Channel you will learn Full Stack Web Development Course Step by Step.
In this Daily Coding Class 09, we will Learn About ( What is Padding in CSS | How to Add Padding in CSS | Daily Coding | Class 09) padding in CSS and How to add it to our elements. Padding is the space between an element’s content and its border. It can be used to create space around text, images, and other elements, to make them more visually applealing and easier to read.
What is Padding in CSS?
Padding is a CSS property that controls the amount of space between an element’s content and its border. It can be set for the top, right, bottom, and left sides of an element, or for all four sides at once. Padding values can be specified in pixels (px), percentages(%), or other CSS Units.
How to Add Padding in CSS
There are two ways to add padding in CSS:
Using the Padding Proerty:
The Padding property is a shorthand property for the paddint-top,padding-right, padding-bottom, and padding-left properties. To set padding for all four sides of an element, you can use the padding property with a single value, such as padding: 10;.
To set padding for individual sides of an element, you can use the padding-top, padding-right, padding-bottom, and padding-left propeties individualy.
Using the individual padding properties:
The individual padding properties (padding-top, padding-right, padding-bottom, and padding-left) allow you to set padding for individual sides of an element. To set padding for a specific side of an element, simply use the corresponding padding property and a value, such as padding-top: 20px;.
Example:
The following CSS code will set a padding of 10 pixels on all four sides of a (div) element:
Dvi{
Padding: 33;
}
The following CSS code will set a padding of 33 pixels on the top and bottom of a (p) element, and a padding of 20 pixels on the left and right:
CSS
p{
padding-top: 5px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 20px;
}
Uses of Padding in CSS
Padding can be used for a variety of purposes, such as:
1. To Create space around text, images, and other elements to make them more visually appealing and easier to read.
2. To Create margins between differenets on a page.
3. To align elements on a page.
4. To create a responsive layout that will look good on different devices.
Conclusion:
Padding is a powerful CSS property that can be used to create a variety of effects. By learning how to use padding, you can improve the look and feel of your website and make it easier for users to navigate.
--------------------------------------------------------------------------------------------------------------------------------------
HTML Complete Course in One Video....
• HTML All Tutorials in One Video | HTM...
----------------------------------------------------------------------
Facebook Page Link ….
/ daily-coding-1055750753u41898
-------------------------------------------------------------
CSS Introduction Video Link....
• What is CSS | CSS Introduction | Dail...
-------------------------------------------------------------
CSS Syntax Video Link....
• Syntax in CSS │ CSS Tutorials │ Daily...
-------------------------------------------------------------
(How to add CSS to HTML) Video Link....
• How to Link or Add CSS File to HTML F...
-------------------------------------------------------------
(CSS Comments ) Video Link....
• How to Add Comment in CSS |Single Lin...
-------------------------------------------------------------
(Color & Background Color in CSS ) Video Link....
• Add Color in CSS | Background Color i...
-------------------------------------------------------------
(border and Border radius in CSS ) Video Link....
• How to Add Border in CSS | Add Border...
-------------------------------------------------------------
(Width & Height in CSS ) Video Link....
• How to Add Wdith & Height | Add Width...
-------------------------------------------------------------