The required markup uses vertical and horizontal
table header (th
) elements - see below. Adding
these elements and their associated scope
attributes
enables more sophisticated styling of the table and
also makes the table capable of being read meaningfully
by an aural screen reader. If you don't add them
to your table markup, you will not get the full effect
demonstrated here.
Three tables styles are available from the table.c ss component
:first-child
and :last-child
psuedo-classes.
Only Firefox and Safari are capable of displaying the full
effect of this style, but other browser degrade
the design nicely, simply rendering some of the open
edges closed.Simply set the class on the table tag to the style you want to use.
Style | Programowanie | |
---|---|---|
Języki | XHTML i CSS | PHP i SQL |
Tematyka | Projektowanie interfejsów | Kod zaplecza |
Style | Programowanie | |
---|---|---|
Języki | XHTML i CSS | PHP i SQL |
Tematyka | Projektowanie interfejsów | Kod zaplecza |
Style | Programowanie | Style | Programowanie | |
---|---|---|---|---|
Języki | XHTML i CSS | PHP i SQL | XHTML i CSS | PHP i SQL |
Tematyka | Interface design | Back-end code | Interface design | Back-end code |
Języki | XHTML i CSS | PHP i SQL | XHTML i CSS | PHP i SQL |
Tematyka | Interface design | Back-end code | Interface design | Back-end code |