Client-Side CSS

How to Create a Client-Side CSS File

To create a client-side style sheet, create a plain text file with a ".css" file extension using either a plain text editor or a CSS editor. Include CSS syntax in your client-side CSS file to control the visual presentation of Web pages.

To make it easier for you to enhance the accessibility of Web pages on this Web site, you can include any combination of the following client-side CSS in your client-side CSS file.

How to Configure Your Browser to Use a Client-Side CSS File

We provide instructions for configuring a variety of different Web browsers. Please find the information for the appropriate browser of your choice below.

Web Browsers

A Web browser is the software program you use to access the World Wide Web. Browsers come with a variety of helpful features. For the most up-to-date information about your browser and a complete tutorial, check your browser's Help menu or go to the Web site of the company that made it.

Top of Page

Internet Explorer for Windows

  1. Select Internet Options… in the Tools menu.
  2. Select the Accessibility… button.
  3. Check the Format documents using my style sheet box.
  4. Use the Browse… button to select your client-side CSS file.
  5. Confirm the changes by using the OK button.

Internet Explorer for Mac

  1. Select Preferences… in the Explorer menu.
  2. Select the Web Content section under the Web Browser list item (expand the Web Browser list item as necessary).
  3. Check the Show style sheets and Use my style sheet boxes.
  4. Use the Select Style Sheet… button to select your client-side CSS file.
  5. Confirm the changes by using the OK button.

Mozilla Firefox, Netscape (6.0 and Later) and Mozilla

  1. Rename your client-side CSS file to userContent.css.
  2. Copy the file to the chrome sub-folder in your browser profile folder. Instructions for finding your profile folder. The chrome sub-folder should contain the files userContent-example.css and userChrome-example.css.
  3. Restart the browser.

Opera 8 and Later

  1. Select Preferences… in the Tools menu.
  2. Select the Advanced tab.
  3. Select the Content option in the list.
  4. Select the Style options… button.
  5. Use the Choose… button to select your client-side CSS file.
  6. Confirm the changes by using the OK button.

Opera 7

  1. Select Preferences… in the File menu.
  2. Select Page Style.
  3. Use the Choose… button to select your client-side CSS file.
  4. Confirm the changes by using the OK button.

Safari

  1. Select Preferences in the Safari menu.
  2. Select Advanced.
  3. Use the Other button to select your client-side CSS file.
  4. Confirm the changes by using the OK button.