Multi-Column Layout in css in Hindi | CSS3 tutorial in hindi - 6 | Multi-Column Layout

Published: 15 July 2021
on channel: Heavy Coding

1,091

#heavycoding #multicolumnlayout #multicolumnlayoutincss #css3

HTML tutorials for beginners Playlist :    • HTML Tutorial in Hindi | Complete HTML Cou...
HTML5 tutorials for beginners Playlist :    • HTML 5 Tutorial For Beginners In Hindi - (...
CSS tutorials for beginners playlist :    • CSS Tutorial in Hindi | Complete CSS Cours...
Javascript tutorials for beginners playlist :    • JavaScript Tutorial for Beginners in Hindi...
HTML and CSS tutorials playlist:    • Learn HTML & CSS  | Full Beginners Course ...
Sublime text editor :-    • Sublime text editor tutorials in hindi
Follow us on Instagram -   / heavy_coding
Follow us on facebook -   / codingheavy

Hello guys!!...Welcome to Heavy coding in this tutorial you will learn everything about Multi-Column Layout in CSS3 in this complete video in hindi..

Creating Multi-Column Layouts
The CSS3 has introduced the multi-column layout module for creating multiple column layouts in an easy and efficient way. Now you can create layouts like you see in magazines and newspapers without using the floating boxes. Here is a simple example of splitting some text into three columns using the CSS3 multiple column layout feature.

Setting Column Count or Width
The CSS properties column-count and column-width control whether and how many columns will appear. The column-count property sets the number of columns inside the multicol element, whereas the column-width property sets the desired width of the columns.

Setting Column Gap
You can control the gap between columns using the column-gap property. The same gap is applied between each column. The default gap is normal which is equivalent to 1em.

Setting Column Rules
You can also add a line between the columns i.e. the rule using the column-rule property. It is a shorthand property for setting width, style, and color of the rule in a single declaration. The column-rule property takes the same values as border and outline.

Related search queries :-
html courses for beginners
html css tutorial for beginners in hindi
html tutorial for beginners youtube
learn html and css for beginners
learn html step by step
html css javascript tutorial for beginners
learn basic html and css
online html courses for beginners
css tutorials for beginners
css tutorials
css tutorials in hindi
css complete tutorials
css3 tutorials for beginners
cs3 tutorials
css3 tutorials in hindi
css3 complete tutorials
javascript tutorial
javascript tutorial for beginners in hindi
javascript tutorials in hindi
heavy coding

On this page of the site you can watch the video online Multi-Column Layout in css in Hindi | CSS3 tutorial in hindi - 6 | Multi-Column Layout with a duration of online in good quality, which was uploaded by the user Heavy Coding 15 July 2021, share the link with friends and acquaintances, this video has already been watched 1,091 times on youtube and it was liked by 20 viewers. Enjoy your viewing!

2,790