border-style (CSS2)

In this example two lines of text have been bordered using thick and medium widths. They have a "border-style" of "solid" to ensure the borders display correctly.

Images with title and borders

* selector selects all the elements of the page and apply properties defined under it. If we have some properties that should be applied on all the elements, then * selector is used

The HTML div element is a block level element is also nice to use for positioning around on the web page. In this example were two small boxes is position relative to the larger box.

This will make a red dashed border around all HTML primary headers (H1)

Using CSS border we can set style, color, width of the borders of an HTML element.

CSS margin and padding properties are used to spacing out the elements. A margin is the space outside of the element, whereas padding is the space inside the element.

This example two lines of text have been bordered using red and green colouring. They have a "border-style" of "solid" to ensure the borders display correctly. Without setting the style, the color change will not work.

CSS padding is used to make the gap between the container and the text.

In this example a line of text has been bordered using different border styles.

In this example two lines of text we borders at 15px and 10px width. They have a "border-style" of "solid" to ensure the borders display correctly.