Spoken-Tutorial logo Spoken Tutorial
  • Software Training
    • Software Training
      • About the Training
      • Progress to Date
      • Software Offered
      • Contacts for Training
      • Change in Training Policy
      Procedures
      • Organising Training
      • Instruction for Downloading Tutorials
      • Create Your Own Disc Image
      • Resource Centers
      Training
      • Training & Payment Dashboard
      • Semester Training Planner Summary (STPS)
      • Student Dashboard
      • newIndividual Learning
      • Individual Learning Workshop
      • Verify ILW test certificate
      • Subscription
      Online Test
      • Instruction for Invigilator
      • Instruction for Participants
      • Certificate Verification Link
      • Email Verification Link
      • newJob Recommendation
  • Creation
      • Creation Process
      • Outline and Script
      • Creation Dashboard
      • Suggest a Topic
      • Suggest an Example
      • Collaborate with Us
  • News
    • Testimonials
    • Articles on Spoken Tutorial project
    • Events & Happenings
    • Research / Popular Articles
  • Academics
    • MOOCs acceptance
    • Official Letters and Links
    • Articles on University tie-ups/workshops
  • About
    • About Us
    • Team
    • Mission
    • Brochures
    • FOSSEE Semester-long Internship 2022
    • Health and Nutrition page
    • Archived FOSS
    • Project Documents
  • Forums
  • Statistics
    • Training
    • FDP Training
    • Creation Content
    • Online-Test
    • Academic Center
    • India Map
    • Motion Charts
    • ILW Training
  • Login
  • Register

Box Model in CSS - English

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

  • Questions posted on Forums
  • CSS Tutorials - English
  • No questions yet

    17
    • 1 Overview of CSS - thumb
      Overview of CSS
    • 2 First CSS file - thumb
      First CSS file
    • 3 Dimensions and Measuring units in CSS - thumb
      Dimensions and Measuring units in CSS
    • Box Model in CSS - thumb
      Box Model in CSS
    • 5 Background in CSS - thumb
      Background in CSS
    • 6 Text Properties in CSS - thumb
      Text Properties in CSS
    • 7 Font Properties in CSS - thumb
      Font Properties in CSS
    • 8 Display Property in CSS - thumb
      Display Property in CSS
    • 9 Float and Overflow in CSS - thumb
      Float and Overflow in CSS
    • 10 Link in CSS - thumb
      Link in CSS
    • 11 List in CSS - thumb
      List in CSS
    • 12 Table in CSS - thumb
      Table in CSS
    • 13 Advanced Table Design in CSS - thumb
      Advanced Table Design in CSS
    • 14 Forms in CSS - thumb
      Forms in CSS
    • 15 Counters in CSS - thumb
      Counters in CSS
    • 16 Multi-column Layout in CSS - thumb
      Multi-column Layout in CSS
    • 17 Web Layout in CSS - thumb
      Web Layout in CSS

2312 visits


  1. Report Missing Component
  2. Post your Question on the Forum

Outline:

Box Model in CSS What is Box Model Setting border using properties: -Style -Width -Color Setting different border styles for each side Setting margin Setting different margins for each side Setting Padding Setting properties for division tag

Width:958 Height:714
Duration:00:16:04 Size:7.1 MB

Show video info

Pre-requisite


Dimensions and Measuring units in CSS

  Assignment

Code files


  • Box-Model-Code-Files/
  • Box-Model-Code-Files/Mypage.html
  • Box-Model-Code-Files/mystyle.css

Script

Slides


  • Box-Model-Slide/
  • Box-Model-Slide/Box-model.png
  • Box-Model-Slide/height.png
  • Box-Model-Slide/Box-Model.pdf
  • Box-Model-Slide/Box-Model.tex
  • Box-Model-Slide/spoken.png
  • Box-Model-Slide/Width.png
  • FOSSEE Project
  • Scilab
  • eSim (Oscad)
  • Python
  • OpenFoam (CFD)
  • Aakash Labs
  • Co-learn
  • Education Mission
  • Software Training
  • Contacts for Training
  • Training Dashboard
  • Creation Dashboard
  • About Us
  • News
  • Terms & Conditions
  • Privacy Policy
  • page loads

    Click here to view stats

IITB Logo
Developed at IIT Bombay

CC logo 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.