ptg
274 Appendix A: HTML5 Quick Reference
Element Description Content Model Attributes
audio* Provides for the playing
of an audio stream
source src, controls, loop,
autoplay, preload
source* Provides the source
information for a media
element
empty src, type, media
canvas* Creates a bitmapped
rectangle that scripts
can use for interactive
manipulation of images
and other media objects
transparent width, height
map Denes an image map area name
area Provides a hyperlink
corresponding to an
area of an image map
empty href, alt, coords,
shape, target
details* Provides for additional
information that can
be exposed by the user
agent in response to an
event
summary, ow open
summary* Contains a summary,
caption, or legend for its
parent’s details element
phrasing
command* Creates a command
that the user can invoke
empty type, icon, label,
disabled, checked,
radiogroup
menu* Creates a container for
a group of command
elements
li, ow type, label
E E (continued)
From the Library of Wow! eBook
ptg
Table Elements 275
T E
Element Description Content Model Attributes
table Creates a two-
dimensional data
structure with rows and
columns
caption, colgroup
tr, thead, tbody,
tfoot
cellspacing,
cellpadding,
border, width
tr Contains a row of table
cell elements
th, td
th Represents a table cell
containing heading
content
phrasing width, height,
colspan, rowspan
td Represents a table cell
containing data content
ow width, height,
colspan, rowspan
caption Represents the caption or
title of its parent table
ow
colgroup Creates a group of one or
more table columns
col span
col Represents one or more
columns in a colgroup
element
empty span
tbody Represents a continuous
group of table rows
containing the body of
data in a table
tr
thead Represents a continuous
group of table rows
appearing before the
table’s body element
tr (th)
tfoot Represents a continuous
group of table rows
appearing aer the table’s
body element
tr
From the Library of Wow! eBook
ptg
276 Appendix A: HTML5 Quick Reference
F C E
Element Description Content Model Attributes
form Creates an area of the
page containing elds
for user input, grouping
those elds for processing
ow action, method,
enctype
eldset Marks a section of a form
with an optional caption
ow, legend form, disabled
legend Represents a caption for
its containing eldset
element
phrasing
label Represents a label for a
user input element or
control
phrasing form, for
input Creates a user input eld
in a form element
empty type, value,
disabled, size,
required, hidden.
list
button Creates a clickable button phrasing type, value,
disabled
select Creates either a drop
menu for a single option
choice or a scrolling,
multiple-choice menu
option multiple, size,
disabled
option Provides one choice of its
parent select element
text label, value,
disabled, selected
optgroup Groups option elements
with a common label
option
textarea Provides a multiline text
input eld
text rows, cols,
required,
disabled, readonly
datalist* Provides for setting
defaults for other input
elements
option
From the Library of Wow! eBook
ptg
Legacy Elements 277
Element Description Content Model Attributes
keygen* Marks an RSA encryption
key pair
empty keytype,
challenge,
disabled
output* Marks the output of a
calculation in a form
phrasing for, form, name
progress* Creates a widget that
displays the progress of a
task or process
phrasing value, max, form
meter* Creates a widget that
displays a value within a
known range
phrasing value, min,
max, low, high,
optimum
L E
Element Description Content Model Attributes
big Indicates text that should be
rendered bigger than normal text
phrasing
font Provides typographic styles ow face, size,
color
blink Animates content, making it
appear and disappear
phrasing
center Centers the content within the
containing element
ow
frameset Groups a set of window frames,
each containing a separate
document
frame
frame Denes a document window that
is part of a browser frameset
empty src, rows,
cols
noframes Provides an alternative
document denition for user
agents that do not recognize
framesets
body content
continues
From the Library of Wow! eBook
ptg
278 Appendix A: HTML5 Quick Reference
Element Description Content Model Attributes
applet Provides a container for the
execution of a Java applet
ow code,
codebase,
width,
height
dir Marks a directory listing li
strike Marks text that has been deleted text, phrasing
L E (continued)
From the Library of Wow! eBook
ptg
279
A B:
CSS P
T
he tables in this appendix summarize the CSS properties that can be
used to style HTML elements. For each CSS property, the possible
values it can be assigned, the default or initial values given to appli-
cable elements, and whether the property’s value is inherited by child elements
are shown. e tables are separated to indicate groups of complementary
properties.
A default value of “ua-dependent” indicates that the value depends on the
user agent or browser.
An asterisk (*) next to the property’s name indicates that it is a new CSS3
property and may not be supported on all browsers.
E V
Value Type Description
<angle> A positive or negative number between 0 and 360,
immediately followed by deg or rad
<color> A color name or #xxx or #xxxxxx or rgb(n, n, n), where x is
a hexadecimal digit (0 to 9, a, b, c, d, e, f) and n is an integer
between 0 and 255 or a percentage
<integer> A number, without a decimal fraction, including 0, possibly
negative
continues
From the Library of Wow! eBook
ptg
280 Appendix B: CSS Properties
Value Type Description
<length> A percentage or a number followed by one of px, em, en, pt,
in, mm, cm
<name> An alphanumeric string representing a known object
<number> A real number, possibly negative, with or without a decimal
fraction
<percentage> A number between 0 and 100 followed immediately by the
percent sign (%)
<position> A pair of numbers indicating x- and y-coordinates
<rational> A number between 0 and 1
<rectangle> A pair of positions indicating the upper-le and lower-right
corners of a rectangle
<string> A character string, possibly empty
<time> A number immediately followed by s (seconds) or ms
(milliseconds)
<url> url followed by a string that represents a valid URL in
parentheses, such as url(string)
CSS P
Property Values Default Inherited
alignment-adjust
*
auto | baseline | before-
edge | text-before-edge |
middle | central | aer-
edge | text-aer-edge |
ideographic | alphabetic
| hanging | mathematical
|<percentage>| <length>
auto no
E V (continued)
From the Library of Wow! eBook
ptg
CSS Properties 281
alignment-baseline
*
baseline | use-script
| before-edge | text-
before-edge | aer-edge
| text-aer-edge | central
| middle | ideographic
| alphabetic | hanging |
mathematical
baseline no
Property Values Default Inherited
animation
*
animation shorthand
notation
no
animation-delay
*
<time>
0 no
animation-direction
*
normal | alternate normal no
animation-duration
*
<time>
0 no
animation-iteration-
count
*
innite | <integer> 1 no
animation-name
*
none | IDENT
none no
animation-play-
state
*
running | paused running no
animation-timing-
function
*
ease | linear | ease-in |
ease-out | ease-in-out |
cubic-bezier
ease no
Property Values Default Inherited
appearance
*
normal |<element-
name>| inherit
normal no
Property Values Default Inherited
background background shorthand
notation
no
Property Values Default Inherited
continues
From the Library of Wow! eBook
ptg
282 Appendix B: CSS Properties
background-
attachment
scroll | xed | local scroll no
background-break bounding-box | each-box
| continuous
continuous no
background-clip
*
border-box | padding-box border-box
no
background-color <color> transparent no
background-image <url> | none none no
background-origin
*
border-box | padding-box
| content-box
padding-box no
background-position <percentage> | <length>
| le | center | right | top |
bottom
0% 0% no
background-repeat repeat | repeat-x | repeat-y
| no-repeat | space |
round
repeat no
background-size
*
<length> | <percentage>
| auto
auto no
Property Values Default Inherited
baseline-shi
*
baseline | sub | super |
<length> | <percentage>
baseline no
Property Values Default Inherited
binding
*
none | <url> none no
Property Values Default Inherited
bookmark-label
*
content | <name> |
<string>
content no
bookmark-level
*
none | <integer>
none no
bookmark-target
*
self | <url> | <name>
self no
CSS P (continued)
Property Values Default Inherited
From the Library of Wow! eBook
ptg
CSS Properties 283
Property Values Default Inherited
border border shorthand
notation
no
border-bottom border-bottom shorthand
notation
no
border-bottom-color <color> current color no
border-bottom-le-
radius
*
<length>|<percentage> 0 no
border-bottom-
right-radius
*
<length>|<percentage> 0 no
border-bottom-style none | hidden | dotted |
dashed | solid | double
| groove | ridge | inset |
outset
none no
border-bottom-
width
<length> | thin | medium
| thick
medium no
border-collapse collapse | separate |
inherit
separate no
border-color border-color shorthand
notation
no
border-image
*
<url> | none none no
border-le border-le shorthand
notation
no
border-le-color <color> current color no
border-le-style none | hidden | dotted |
dashed | solid | double
| groove | ridge | inset |
outset
none no
border-le-width <length> | thin | medium
| thick
medium no
border-length
*
<length>|<percentage> auto no
border-radius
*
<length>|<percentage>
0 no
continues
From the Library of Wow! eBook