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

Borders

As a design element, borders are tricky calls. On one hand, borders represent one of the worse aspects of amateur design in terms of isolating, separating, and generally chopping up a page. On the other hand, if used judiciously, borders can sometimes act as useful or even subtle frames to evoke the right kind of attention to the information without calling attention to itself. CSS provides several border styles, as shown in Table 12.2 Each style is a value of the border-style property.

Table 12.2. Border Styles in CSS
Value Effect
none No border (my personal favorite).
hidden Relevant only for using collapsing border model and inhibiting other borders. (Has precedence over all other styles.)
dotted Border made up of dotted lines.
dashed Border made up of dashed lines.
solid Single line (default) makes borders.
double Border made up of two solid lines.
groove Border appears as indent on page.
ridge Border appears to be raised from page.
inset Entire border appears as groove in separate borders model.
outset Entire border appears as ridge in separate borders model.



PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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