Languages

Web Style Sheets CSS tips & tricks

See also the index of all tips.

Alternative style sheets

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.

Bert Bos, style activity lead
Copyright © 1994-2011 W3C®

Created 17 January 2001;
Last updated Thu 15 Dec 2011 06:20:47 AM CET

Languages

Azərbaycan Беларуская Български Deutsch Ελληνικά English Español Hrvatski Bahasa Indonesia Italiano Norsk Nederlands Polski Português Română Русский Shqip Српски ไทย Tagalog Türkçe Українська Tiếng Việt 简体中文 繁體中文

About the translations