Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of CSS
  • Discussion

  • Download Lecture Slides

  • Table of Contents

  • Related Services

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

The Display Property

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • Display Values 0:08
    • Display
    • Visibility
    • Example: Display Property
  • Display: Block 3:34
    • Block Elements
    • Elements With a Display of Block by Default
    • Floated Elements and Elements Positioned Absolutely Become Block
  • Display: Inline 5:36
    • Introduction to Inline
    • Inline Creates a Long Box that Wraps at the End of a Line
    • Text-Level Elements are Inline by Default
    • Margins and Padding
    • Inline Elements Cannot Be Sized
  • Display: Inline-Block 13:04
    • Allows for Boxes to Stack Up Inline
    • Allows for a Width and Height to be Set
    • Requirement for Internet Explorer 6/7
    • Eliminating White-Space
  • Display: None 18:10
    • Removes the Element and All Children From the Flow Completely
    • Visibility & Hidden