Home > Articles

  • Print
  • + Share This

Adding a Horizontal Rule

The standard horizontal rule is an embossed-looking rule drawn in the background color with a dark shadow on the top and left and a highlight on the right and bottom. You can modify the attributes of the horizontal rule to control its thickness, width, and alignment, as well as turn off the shading that creates the embossed look.

  1. Position your cursor in the Document window where you want to add the horizontal rule.


Netscape and Explorer on the Macintosh both display black solid lines with squared ends for horizontal rules when shading is not checked, even though the horizontal rule appears gray in Dreamweaver. Netscape for Windows displays a gray rule with rounded ends whereas Explorer for Windows displays a gray rule with squared ends.

  1. Click on the Horizontal Rule icon in the Objects palette to insert the rule at the cursor position [Figure 3.15].

  2. Choose Window->Properties to display the Properties Inspector if it isn't already visible onscreen. Horizontal rules always occupy their own line and extend from the left margin to the right margin by default.

  3. Click on the horizontal rule within the Document window to highlight the rule. Adjust the attributes for the rule (Table 3.1) in the Properties Inspector

Table 3.1 Setting Horizontal Rule Attributes




Specify the length of a rule. You can enter a pixel value in this field or choose % from the pull-down menu and enter a value that is the percentage of the browser window width.


Specify the thickness of a rule in pixels. The default height is one pixel with a one pixel shadow and highlight.


Choose an alignment option from the Align pull-down menu. The default alignment for horizontal rules is centered.


Check the Shading check box to achieve the embossed-looking rule. If you uncheck this box, the rule appears solid.

  • + Share This
  • 🔖 Save To Your Account

Related Resources

There are currently no related titles. Please check back later.