CSS3 List and Table Properties - 15

Download this episode

Download Video

Download captions

Download Captions


In Lessons 7 and 8 you learned about Lists and Tables. In this lesson, you learn various properties exposed by CSS3 that allow you to provide a professional style to your Lists and Tables.


Download the source code for CSS3 List and Table Properties





Available formats for this video:

Actual format may change based on video formats available and browser capability.

    The Discussion

    • User profile image

      Great series so far

      With the tables, you could have demonstrated the first column and first row highlighting using

      tr td:first-child



      Then you wouldn't have needed the IDs to attach the styles.


    • User profile image

      I downloaded the HQ WMV file. The soundtrack and screenshot were "out-of-sync" by I guess half a minute or so.  The windows on screen had very little to do with what Bob describes.

      Otherwise a great series! I did a lot of Dynamic HTML 4 back in '98 - '01 so I really enjoyed this semantics focused run through HTML5 and CSS3 -- THX!

    • User profile image

      One of your examples shows a CSS style border-collapse:seperate;

      There is a typo in here. It should be spelled border-collapse:separate;

      The net result is the same since border-collapse:separate is the default and the misspelled value seperate will fall back to the default value separate.

    • User profile image

      @slaneyrw: thank you.  Yes, there are many ways to skin this cat.  Thank you for adding that one!

      @MicKr: Sorry for that issue ... I'll call attention to the powers-that-be at Microsoft to see if others experience the same difficulty.

      @candritzky: Thank you ... that is a common misspelling ... I even have a macro on my main computer that re-spells it correctly.  Muscle memory defaulted to my typical (incorrect) spelling.  Thank you for explaining what happens when you misspell a value (i.e., the default).

    • User profile image

      I love !!! Great series . also the javascript series .
      The interactive lessons are much easier to follow .
      and the explanations are clear .
      Keep on !

    Comments closed

    Comments have been closed since this content was published more than 30 days ago, but if you'd like to send us feedback you can Contact Us.