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.

Get JavaScript Design now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.