• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Chapter 12. Setting Up Tables > Working with Table Borders

Working with Table Borders

By default, when you insert a table in Standard view, a 1-pixel line, called a border, delineates the edges of the cells and the table. In Layout view, borders are set to 0 by default and marked with the blue and green lines we've come to know and love. In either view, you can easily change the width and visibility of this border. (See the previous section on cell padding and cell spacing for more about table spacing.)

To adjust border size:

Select the table.

In the Border text box, type a number and press Enter (Return).

You'll see your border adjustments immediately (Figure 12.81); if you set the border width to 0, you'll see a light, dashed line in Standard view (Figure 12.82). No worries: it won't show up in your browser (Figure 12.83).

Figure 12.81. I gave my table a border width of 10. Borders larger than 1 pixel affect only the outside edge of the table, whereas border widths of zero render all borders invisible.

Figure 12.82. Dreamweaver displays a table with a border width of zero with light, dashed lines in the Document window.

Figure 12.83. This is the same table we saw in Figure 12.82, as viewed in the browser window. The borders are invisible if their width is zero. You can also see your table without dashed lines by toggling off the table borders. From the Document window menu bar, select View > Visual Aids > Table Borders to uncheck that option.



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint