Marusya's School Notes

Width of an Outline

This example demonstrates how to set the width of an outline.

HTML file:	Displayed by browser:
<style> p.one { border: 1px solid red; outline-style: solid; outline-width: thick; } p.two { border: 1px solid red; outline-style: dotted; outline-width: 3px; } </style> <body> <p class="one">A red border with a thick solid outline.</p> <p class="two">A red border with a 3 px wide dotted outline.</p> </body>	A red border with a thick solid outline.. A red border with a 3 px wide dotted outline.

HTML file:

Displayed by browser:

<body>
<p class="one">A red border with a thick solid outline.</p>
<p class="two">A red border with a 3 px wide dotted outline.</p>
</body>

A red border with a thick solid outline..

A red border with a 3 px wide dotted outline.

Note: IE8 supports the outline properties only if a !DOCTYPE is specified.