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.

Get JavaScript Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.