The future Web browser — CSS3

W3C

Bert Bos

Bert Bos <bert@w3.org>
W3C/ERCIM
Sophia-Antipolis, France

21 May 2003
WWW 2003, Budapest

What is CSS?

CSS role

The state of CSS1 & 2

Recent features to be implemented: 'handheld' media, 'inline-box'

The future: CSS3

Selectors

Style odd/even elements, namespaces, last element, selected text...

Status:

Expected:

Allows selecting more elements without adding an ID or a CLASS attribute. E.g., all odd elements (1, 3, 5th child, etc.) Also selectors for namespaces, e.g.

For XForms, see below.

The demo shows the ':target' pseudo-class, that matches the element that is targeted by the fragment ID (if any) of the current URL.

Hyperlinks

Status:

Expected:

Note: only deals with hyperlinks. Transclusions in Generated and Replaced Content module. Other links (schemas, profiles, scripts, namespaces...) out of scope.

Many formats on the Web allow links, and some of those links are meant to be presented as hyperlinks. (No more than logical, on the Web... :-) ) The source format differs (cf, HTML, SMIL, SVG, VoiceXML, etc.), but the presentation may (partly) be the same. Thus the request to the CSS WG to define properties for hyperlink presentation.

CSS already has ':link', ':visited' ':hover' and ':focus', but that is just the start. You'll want to say more about the behavior after the activation: new window, new window in background, temporary window, expand in place, etc.

Maybe also some transition effects and maybe also a different style for information that is in the process of being downloaded (partial content).

Advanced layout

Status:

Expected:

Compare preceding talk by Steven Pemberton on Xforms.

For example: select disabled elements (to make them gray, e.g.), select invalid elements (input fields that have an incorrect value, make them blink, e.g.), select required elements (to give them a purple border, e.g.), etc.

Sequential style changes

Status:

Expected:

Useful for outline views (show more/fewer details), slide presentations (highlight one bullet after the other)

Color

Status:

Contains:

Print

Roadmap

Module Editor(s) WD1 WD2 LC Ends CR PR REC
Introduction Bert, Eric 6 Apr '01 23 May '01 - - - - -
Syntax David - - - - - - -
Selectors Tantek, Daniel, Ian 10 Apr '00 5 Oct '00 26 Jan '01 1 Mar '01 13 Nov '01 [Mar '03] [Apr '03]
Values Håkon, Chris 13 Jul '01 [Jun '03] - - - -
Cascading Håkon 13 Jul '01 19 Feb '02 - - - - -
Box model Bert 26 Jul '01 24 Oct '02 - - - - -
Borders Tapas 7 Nov '02 [Feb '03] - - - - -
Positioning Bert - - - - - - -
Color Tantek, Chris 5 Mar '01 19 Feb '02 14 Feb '03 28 Feb '03 14 May '03 [Dec '03] [Dec '03]
Background Tim 24 Sep '01 19 Feb '02 2 Aug '02 30 Aug '02 [Sep '02] [Mar '03] [Apr '03]
Line box Michel, Eric 15 May '02 - [Jun '03] - - - -
Text Chris, Michel 17 May '01 15 May '02 24 Oct '02 27 Nov '02 14 May '03 [Dec '03] [Dec '03]
Ruby Michel 16 Feb '01 - 24 Oct '02 27 Nov '02 14 May '03 [Dec '03] [Dec '03]
Fonts Chris, Michel 31 Jul '01 - 2 Aug '02 30 Aug '02 [Jun '03]
WebFonts Chris - - 2 Aug '02 30 Aug '02 [Jun '03]
Generated Ian 14 May '03 - - - - - -
Lists Tantek, Ian 20 Feb '02 7 Nov '02 - - - - -
Paged Robert 28 Sep '99 - - - - - -
UI Tantek 16 Sep '99 02 Aug '02 - - - - -
Tables Bert - - - - - - -
Columns Håkon 22 Jun '99 18 Jan '01 - - - - -
SVG Chris - - - - - - -
Math Tim - - - - - - -
BECSS Michel 4 Aug '99 - - - - - -
Speech Daniel, Dave 14 May '03 - - - - - -
Audio Dave [unknown] - - - - - -
Media Håkon, Tantek 4 Apr '01 17 May '01 23 Jan '02 20 Feb '02 8 Jul '02 -
CSS-OM Daniel [unknown] - - - - - -

See online for up-to-date version

End

See also the demos for this talk