Previous Page

Next Page

Flying Saucer XML/CSS2 Renderer

CSS Border Support

Border support includes: CSS border styles, colors, width, on any or all four sides of a box. To make the border samples easier to see, we've colored the background. Note that some border effects only show properly with a larger border width.

box with default borders, margins, and padding | box with dashed border
box with dotted border, width of 1px | box with inset border, width of 4px
box with outset border, width of 4px | box with ridge border, width of 4px
box with grooved border, width of 4px | box with double border, width of 4px
box with two different borders, width of 2px | box with three different borders, width of 2px
box with four different borders, width of 2px | box with red borders, width of 2px
box with two colored borders, width of 2px | box with three colored borders, width of 2px
box with four colored borders, width of 2px