Display Property in CSS Explained(HINDI) | For Absolute Beginners | Web-Development 2021
hey, beautiful people welcome back, today we talk about the Display Property and list style type property in CSS.
In this video, you learn about Display and list-items-type property.
It basically tells us how to turn an inline element into a block-level element or vice-versa, and can also be used to hide an element from the page.
in the float, we see the four values.
1. display: inline:- this causes a block-level element to act like an inline element.
2. display: block:- this causes an inline element to act like block-level elements.
3. display: inline-block:- this causes a block-level element to flow like an inline element while retaining other features of block-level elements.
4. display:none:- this hides an element from the page. In this case, the element acts as though it is not on the page at all.
-------------------------------------------------------------------------------------------------
in the list-style-type, we see some values like.
1. none
2. disc
3.square and so on.
-------------------------------------------------------------------------------------------------
If we wanna add some gap between two elements we use the margin property, and if we wanna create a gap between border and content then we use the padding property.
Padding is a clear area around the content.
Margin is a clear area around the Border.
A border is a line that lies between the margin and padding.
-------------------------------------------------------------------------------------------------
also access to the previous videos to learn
links down below.
------------------------------------------------------------------
background color in css:- • Background and Text color in CSS | Web-Dev...
colors in CSS:- • Colors in CSS | Web-Development | Part-1
Introduction to CSS:- • Introduction to CSS | Web-Development
class and id attri:- • Class and Id Attribute in HTML | Web-Deve...
inline and block Elments:- • Inline and Block Elements in HTML5 | Web-D...
list in HTML5:- • List in HTML5 | Web-Development
anchor and image element in HTML:- • Attributes, Image and anchor tag in HTML5 ...
Superscript and Subscript tags:- • Superscript and Subscript in HTML5 | Web D...
Bold and Italic tags in HTML5:- • Bold and Italic Tags in HTML5 | Web Develo...
Empty elements in HTML5:- • Empty Element(Line Break and Horizontal Ru...
paragraph tag in HTML5:- • Paragraph in HTML5 | Web-Development
Heading tags in HTML5:- • Heading Tags in HTML
Playlist link below:-
------------------------------------------------------------------------------------------
Web-Development:- • Web-Development
Python:- • Python
Instagram handle:- @tesk_code
Twitter handle:- @CodeTesk