Set border to use em measurement - 1em solid black in HTML and CSS

Description

The following code shows how to set border to use em measurement - 1em solid black.

Example


<html>
<head>
<style type='text/css' media='all'>
body {<!--  w  ww . j a va2s.com-->
border: 1em solid black;
margin: 0;
padding: 10px;
}
div {
font-size: 24px;
height: 3em;
border: 1em solid black;
}
</style>
</head>
<body>
The body's border is 1em thick.
<div>
This font is 24 pixels tall and this div is 3 ems tall,

</div>
</body>
</html>

Click to view the demo

The code above generates the following result.

Set border to use em measurement - 1em solid black in HTML and CSS

Home »
  HTML CSS Tutorial »
    Layout »
      Border

...
Set border color to red in HTML and CSS
Set border-left-style to inset in HTML and ...
Set border-left to 1px solid crimson; in HT...
Set border-right-style to dashed in HTML an...
Set border style in four directions differe...
Set border-style in four directions - solid...
Set border-style in three directions - soli...
Set border-style to dashed in HTML and CSS
Set border-style to dotted in HTML and CSS
Set border-style to groove in HTML and CSS
Set border style to hidden in HTML and CSS
Set border-style to inset in HTML and CSS
Set border-style to none in HTML and CSS
Set border-style to outset in HTML and CSS
Set border-style to ridge in HTML and CSS
Set border-style to solid in HTML and CSS
Set border style with shorthand three value...
Set border style with shorthand two values ...
Set border - thin solid rgb(0, 0, 0) in HTM...

Set border to use em measurement - 1em soli...

Set border top color to black in HTML and C...
Set border-top-style to solid in HTML and C...
Set border-top to 4px groove blue in HTML a...
Set border-top to 6px ridge green in HTML a...
Set border top width to 10px in HTML and CS...
Set border width and style in four values i...
Set border width and style in one value in ...
Set border width shorthand with three value...
Set border-width - thin medium 30px thick; ...
Set border-width - thin medium thick; in HT...
Set border width - thin solid black in HTML...
Set border width to medium in HTML and CSS
Set border-width to thick in HTML and CSS
Set border-width to thin in HTML and CSS
Set border with four shorthand properties i...
Set top border to 1 pixel width, solid and ...
Set top border to solid and use default med...
Set top border to solid black and use defau...
...