Previewing style sheets

You can preview Style Sheets directly in WeBuilder or automatically open them in specified Web browser.

Preview without leaving WeBuilder

To quickly preview CSS document without leaving editing environment, click Preview tab at the bottom of document window.

You can also use one of the Split Screen tabs at the bottom of document window, to switch to horizontal or vertical split screen preview mode which allows you to edit code and preview results instantly.

Style sheets can be previewed in two ways

  • Based on automatically generated web page which generates content for each selector
  • Based on any HTML document of your choice

Style sheet preview mode can be selected using Preview toolbar. Click here to learn more.

To preview CSS document in a Web browser

  1. On the Tools menu, point to Preview In.
  2. On the Preview In submenu, click the Web browser you wish to use.