Home > CSS > Alternative style sheets


Alternative style sheets

December 30th, 2009

A document doesn’t need to have a single style sheet. You can give it a default style and any number of alternatives for the reader to choose from. This page, for example, has as alternatives all the W3C Core Styles, plus two style sheets found elsewhere on the Web (author: David Baron).

How the reader can select the alternatives depends on the browser. Not all browsers yet offer a menu for it, but in Netscape 6, for example, you can find all the styles under the menu “View” -> “Use Stylesheet”.

To include extra style sheets, it suffices to add more <LINK> elements in the header, with the right REL and TITLE attributes, as follows. (I left out some of the styles; see the source of this document for even more links.)

  <link rel="stylesheet"
    title="Gold (right, fixed) + navbar"
    href="../threepart-f.css">

  <link rel="alternate stylesheet"
    title="Oldstyle"
    href="http://www.w3.org/StyleSheets/Core/Oldstyle">

  <link rel="alternate stylesheet"
    title="Modernist"
    href="http://www.w3.org/StyleSheets/Core/Modernist">
  ...
  <link rel="alternate stylesheet"
    title="Steely"
    href="http://www.w3.org/StyleSheets/Core/Steely">

  <link rel="alternate stylesheet"
    title="Forest (by David Baron)"
    href="http://dbaron.org/style/forest">

  <link rel="alternate stylesheet"
    title="Plain (by David Baron)"
    href="http://dbaron.org/style/plain">

Groups of links with the same TITLE are automatically combined into one style sheet.

Source:w3.org

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • DZone
  • Fark
  • Faves
  • laaik.it
  • LinkedIn
  • Live
  • MisterWong
  • MySpace
  • Netvibes
  • Netvouz
  • NewsVine
  • Propeller
  • Reddit
  • Slashdot
  • Socialogs
  • StumbleUpon
  • Technorati
  • Twitter
  • Yahoo! Buzz
  • Diigo


Author: admin Categories: CSS Tags:
Comments are closed.