ANIMATE 2025 is here! 2D/3D animation hackathon using Synfig Studio and Blender. For more details, Click here!

Multi-column Layout in CSS - English

This is a sample video. To access the full content,
please Login

No questions yet

17

Outline:

Multi-column Layout in CSS • About multi-column layout • About column properties • Add some text to the webpage • Set column-width property for the text • Set column-count property for the text • Set column-gap property for the text • Set column-rule-style property for the text • Set column-rule-color property for the text • Set column-rule property for the text • Set column-span property for the text

Width:	832	Height:	624
Duration:	00:11:58	Size:	6.4 MB

Show video info

Pre-requisite

Counters in CSS

Assignment

Code files

Multi-Column-Layout-Code-Files/
Multi-Column-Layout-Code-Files/Colstyle.css
Multi-Column-Layout-Code-Files/Mycolumn.html

Script

Slides

Multi-Column-Layout-Slide/
Multi-Column-Layout-Slide/spoken.png
Multi-Column-Layout-Slide/Multi-Column-Layout.tex
Multi-Column-Layout-Slide/Multi-Column-Layout.pdf

Spoken Tutorial, created on or before 31 Jan. 2025, by IIT Bombay is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License, except where stated otherwise
Based on a work at https://spoken-tutorial.org. Permissions beyond the scope of this license may be available at https://spoken-tutorial.org.

Spoken Tutorial, developed at IIT Bombay, is brought to you by EduPyramids Educational Services Private Limited (DBA: EduPyramids Educational Services Pvt Ltd.). EduPyramids Educational Services Private Limited is currently incubated at SINE IIT Bombay. All transactions will be processed under the name EduPyramids Educational Services Private Limited.