[Top]
More advice for the full screen mode.
   
Sivut toimivat riittävän hyvin MS IE 4.0+, Opera 5.x+, Netscape 6.0+/ vast. Mozilla ja Konqueror 3.x selaimilla. Yleisesti ottaen sivut toimivat parhaiten uusimmilla Opera selaimilla. Sivujen toimivuus vanhemmissa selaimissa on heikko, erityisesti Netscape 4.x kohdalla.

I list below all topic groups, which I have done according to subjects, which they handle. You can return to this topic group by using this menu and the link Table of topic groups on the top of the each page.
 
 
Search:
[Help]
Table of topic groupsFront page of CSS-guideGuide pages > 12. What other special features CSS has

12. What other special features CSS has

Topics

Common

When devices become better, I handle in this page some CSS2-CSS3 advanced features. I have referred to most of them in the page 6[S].

Paged media

Into the CSS3 have proposed following extensions:

  • @page at-sub-rules:
    • @top, @bottom, @left and @right
    • @outside
  • Other new at-rules:
    • @counter
    • @string
  • New properties:
    • page-policy (only to @string and @counter at-rules)
    • hidden-policy (only to @string and @counter at-rules)
    • float new values (outside | inside)
    • padding-inside
    • border-inside
    • string-set
  • New content functions:
    • date()
    • document-url()
    • pages()
    • target-content(X)
    • target-counter(X, C)

Font matching algorithms

To adjust the secondary font size by using the font-size-adjust property is quite easy, if you know, which is the so-called x-height value of the font face = lower-case x compared to the upper-case x (aspect ratio). For example in Verdana the lower-case x is relative high. Texts made with this font face look out bigger as many other font faces, which has the same pixel size (for example Arial). I recommend to use about the value 1.2, if other font faces are Arial, Helvetica or Times New Roman.

If this paragraph has the same font size as the previous paragraph, this property doesn't work. In order to use other new features efficiently, it is needed to have much font designing skill, because there are much special terms and systems.

W3C: CSS2: 15 Fonts, 15.3.1 Font Descriptions and @font-face[Pw].

@charset and unicode-bidi

I have not tested, because I don't need them (I don't write in special languages).

Aural style sheets

I have not tested, but they are in principle easy to use. Instead of normal properties, you use aural properties like in this example:

h1, h2, h3, h4, h5, h6 {
voice-family: paul;
stress: 20;
richness: 90;
cue-before: url("ping.au")
}
p.heidi { azimuth: center-left }
p.peter { azimuth: right }
p.goat { volume: x-soft }

Look at also the extra page What are semantics of (X)HTML elements.

Forms

CSS2 can emulate almost all HTML elements and presentational attributes but not certain form elements. In order to create the functionality and presentation of HTML 4.0 form element, into CSS3 has proposed for example following matters (UI = User Interface):

  • Pseudo-classes to UI element states:
    • :enabled
    • :disabled
    • :checked
    • :indeterminate
  • Pseudo-elements to UI element fragments:
    • :selection
    • :menu
  • Properties, which allow define the state of the element (Dynamic presentation):
    • user-input
    • user-modify
    • user-select
    • user-focus
    • user-focus-key
    • user-focus-pointer

Browser-specific notes:

  1. New Netscape/ Mozilla browsers support most into CSS3 proposed pseudo-classes and pseudo elements (look at CSS notes 1[S]).

[Top]

New features in CSS3

In my mind most remarkable changes in CSS3 will be following matters:

  • Modularization. Indeed it could work better, if instead of CSS would be XCSS[S].
  • Better implementation to form elements.
  • More pseudo-classes and pseudo-elements.
  • CSS3 goes further concerning the internationalization supporting the international layout.
  • More rules and properties to the Paged Media.

I have listed my own and other persons proposals in the page Proposals for CSS3[S].

W3C: Working drafts of CSS3: CSS Namespace Enhancements (W3C Working Draft 25 June 1999), International Layout (W3C Working Draft 10-September-1999), Multi-column layout in CSS (W3C Working Draft 22 June 1999), Paged Media Properties for CSS3 (W3C Working Draft 28 September 1999), User Interface for CSS3 (W3C Working Draft 16 Feb 2000).

[Top]
   
Copyright Tapio Markula 1999-2003, Salo, Finland
(table of topic groups, E-mail - add Tapio.Markula)
( tapio.markula@nic.fi)
Not into the public use without my permission. If you want to use my pages at some way read the copyrights.
Get Expression!

An editor for creating standard-compliant HTML and XML documents. Documents of this site have in most cases checked with HTML Tidy by Dave Ragget (W3C) and randomly with the official MarkUp Validation Service of W3C. The syntax of most pages in this site should conform with the XHTML 1.0 specification of W3C. Test this page!
Information about browsers, which render or print this site best.
[Get Opera!] [Get Mozilla!]
CSS-guide has been last edited 07.08.2004