CSS3 Box Properties - 16

Play CSS3 Box Properties - 16
Sign in to queue


This lesson makes the important distinction between inline-display and block-display in HTML5 elements. For block-style elements, it is vital to understand the box model and this lesson provides that background as well as an overview of the CSS3 properties for properly styling block-style elements.

Download the source code for CSS3 Box Properties





The Discussion

  • User profile image

    Great tutorial and perfect explanation. Best regards. 

  • User profile image

    @ErikNieuwenhuis: Thanks Erik!  Warm regards to you, too.

  • User profile image

    Thanks for the tutorials, Bob. Just started going through it.
    By the way, can you post a tutorial to tableless layout design? Or is there already?

  • User profile image

    I address that specifically in the very last video, talking about Responsive web design.  I think your best bet is to try Twitter's Bootstrap CSS library ... see that final video in this series for more details.  Best wishes!

  • User profile image

    Really Really , Thank you

  • User profile image
    Todd Harris

    I really appreciate this series, thanks! I also very much like the binary clock!

  • User profile image

    @Sarah: @Todd Harris: Thanks!  I ask my kids' friends if they can figure out how it works ... they stare at it for a while ... it's a good way for me to introduce the magic of computers to them in terms they can understand.

  • User profile image
    Mahdi Mollaeian

    Thanks Dear Bob.

  • User profile image

    Hi, sorry, I know this was put out like 5 years ago, but, just wondering, with regards to Example 14, setting the width of the outline to 10px does not increase the overall dimension of the box or block? I'm confused by this because intuitively it seems like it would. Thanks.

Add Your 2 Cents