Tagged Element Rendering

Tagged elements in a document are rendered by CSS rule according to the specified CSS properties. One important feature of CSS is to specify how a document to be presented on different media. And therefore some CSS properties are only designed for certain media.

Media Types

The media names of possible media types are.

all

to specify for all devices

braille

to specify for braille tactile feedback devices.

embossed

to specify for paged braille printers.

handheld

to specify for handheld devices (typically small screen, limited bandwidth).

print

to specify for paged material and for documents viewed on screen in print preview mode.

projection

to specify for projected presentation devices

screen

to specify for primarily color computer screens.

speech

to specify for speech synthesizers. CSS2 had a similar media type called 'aural"

tty

to specify for media using a fixed-pitch character grid (such as teletypes, terminals, or portable devices with limited display capabilities).

tv

to specify for television-type devices (low resolution, color, limited-scrollability screens, sound available).

Media Groups

Media devices can also be grouped according to the features of media device.

• continuous or paged
• visual, audio, speech, or tactile
• grid (for character grid devices), or bitmap
• iteractive (for devices that allow user interaction), or static
• all

Media Types	Media Groups
	continuous/paged	visual/audio/speech/tactile	grid/bitmap	interactive/static
braille	continuous	tactile	grid	both
embossed	paged	tactile	grid	static
handheld	both	visual, audio, speech	both	both
print	paged	visual	bitmap	static
projection	paged	visual	bitmap	interactive
screen	continuous	visual, audio	bitmap	both
speech	continuous	speech	N/A	both
tty	continuous	visual	grid	both
tv	both	visual, audio	bitmap	both

Sources: https://www.w3.org/TR/CSS21/media.html

• CSS 2.1
  • 'CSS-property-name'
  • 'CSS-pseudo-class-name'
  • 'CSS-value'
  • "css-attribute-name"
  • css-keyword-value
  • <css-basic-data-type>
• Modifier Notation:
  • ( * ): zero or more; 
  • ( + ): one or more;
  • ( ? ): zero or one times;
  • (   ): exactly once
  • ( {A,B} ): at least A and at most B times
• Grouping:
  • ( [] ): grouping
  • ( a b c ): all must occur in the given order
  • ( | ): one of separated alternatives must occur
  • ( || ): two or more of separated alternatives must occur in any order
  • ( && ): all separated alternatives must occur in any order