CSS Reference

SS

mark

A shorthand property for setting the mark-before and mark-after 3 properties

mark-after mark-before phonemes

Allows named markers to be attached to the audio stream Allows named markers to be attached to the audio stream

3 3

Specifies a phonetic pronunciation for the text contained by the 3 corresponding element

rest A shorthand property for setting the rest-before and rest-after 3 properties

rest-after Specifies a rest or prosodic boundary to be observed after speaking an 3 element's content

rest-before Specifies a rest or prosodic boundary to be observed before speaking 3 an element's content

voice-balance voice-duration

Specifies the balance between left and right channels 3

Specifies how long it should take to render the selected element's 3 content

voice-pitch voice-pitch-range voice-rate voice-stress voice-volume

Specifies the average pitch (a frequency) of the speaking voice Specifies variation in average pitch Controls the speaking rate

Indicates the strength of emphasis to be applied

3 3 3 3

Refers to the amplitude of the waveform output by the speech 3 synthesises

CSS3 Selectors Reference

? Previous

Next Reference ?

Selectors are patterns used to select which element(s) you want to style.

The CSS3 specification contains several new selectors, and many of them have already been implemented in modern browsers. The following table lists the new CSS3 selectors:

Pattern

Example

Example description

CSS

element1~elp~ul ement2

[attribute^=a[src^=\Selects every a element whose src attribute value begins with 3

Selects every ul element that are preceded by a p element

3

value] s\\

[attribute$=va[src$=\Selects every a element whose src attribute value ends with 3 alue]

]

\

[attribute*=va[src*=\Selects every a element whose src attribute value contains the 3 alue]

hools\

substring \

:first-of-type p:first-of-type Selects every p element that is the first p element of its parent 3 :last-of-type p:last-of-type Selects every p element that is the last p element of its parent 3 :only-of-type p:only-of-typSelects every p element that is the only p element of its parent 3

e

:only-child

p:only-child

Selects every p element that is the only child of its parent

3

:nth-child(n) p:nth-child(2) Selects every p element that is the second child of its parent 3 :nth-last-chilp:nth-last-chiSelects every p element that is the second child of its parent, 3 d(n)

ld(2)

counting from the last child

:nth-of-type(p:nth-of-typeSelects every p element that is the second p element of its 3 n)

(2)

parent

:nth-last-of-tp:nth-last-of-Selects every p element that is the second p element of its 3 ype(n) :last-child :root :empty

type(2) p:last-child :root p:empty

parent, counting from the last child

Selects every p element that is the last child of its parent Selects the document’s root element

3 3

Selects every p element that has no children (including text 3 nodes)

:target #news:target Selects the current active #news element (clicked on a URL 3

containing that anchor name)

:enabled :disabled

input:enabled Selects every enabled input element input:disabled

Selects every disabled input element

3 3

:checked input:checked Selects every checked input element

Selects every element that is not a p element

3 3

:not(selector:not(p) )

::selection

::selection

Selects the portion of an element that is selected by a user 3

CSS Color Names

? Previous

Next Reference ?

Color Names Supported by All Browsers

147 color names are defined in the HTML and CSS color specification (17 standard colors plus 130 more). The table below lists them all, along with their hexadecimal values.

Tip: The 17 standard colors are: aqua, black, blue, fuchsia, gray, grey, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. Click on a color name (or a hex value) to view the color as the background-color along with different text colors:

Sorted by Color Name

Same list sorted by Hex values

Color Name AliceBlue AntiqueWhite Aqua Aquamarine Azure Beige Bisque Black

BlanchedAlmond Blue BlueViolet Brown BurlyWood CadetBlue Chartreuse Chocolate Coral

CornflowerBlue Cornsilk Crimson Cyan

HEX #F0F8FF #FAEBD7 #00FFFF #7FFFD4 #F0FFFF #F5F5DC #FFE4C4 #000000 #FFEBCD #0000FF #8A2BE2 #A52A2A #DEB887 #5F9EA0 #7FFF00 #D2691E #FF7F50 #6495ED #FFF8DC #DC143C #00FFFF

Color

Shades Mix Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades

Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix

DarkBlue DarkCyan DarkGoldenRod DarkGray DarkGrey DarkGreen DarkKhaki DarkMagenta DarkOliveGreen Darkorange DarkOrchid DarkRed DarkSalmon DarkSeaGreen DarkSlateBlue DarkSlateGray DarkSlateGrey DarkTurquoise DarkViolet DeepPink DeepSkyBlue DimGray DimGrey DodgerBlue FireBrick FloralWhite ForestGreen Fuchsia Gainsboro GhostWhite Gold GoldenRod Gray Grey

#00008B #008B8B #B8860B #A9A9A9 #A9A9A9 #006400 #BDB76B #8B008B #556B2F #FF8C00 #9932CC #8B0000 #E9967A #8FBC8F #483D8B #2F4F4F #2F4F4F #00CED1 #9400D3 #FF1493 #00BFFF #696969 #696969 #1E90FF #B22222 #FFFAF0 #228B22 #FF00FF #DCDCDC#F8F8FF #FFD700 #DAA520 #808080 #808080

Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades Shades

Shades

Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix Mix