<html>
<head>
<style>
div.ex1 {
margin: 20px;
border: 1px solid black;
background-color: yellow;
outline: 4px solid red;
outline-offset: 15px;
}
div.ex2 {
margin: 10px;
border: 1px solid black;
background-color: yellow;
outline: 5px dashed blue;
outline-offset: 5px;
}
</style>
</head>
<body>
<h1>The outline-offset Property</h1>
<div class="ex1">This div has a 4 pixels solid red outline 15 pixels outside the border edge.</div>
<br>
<div class="ex2">This div has a 5 pixels dashed blue outline 5 pixels outside the border edge.</div>
</body>
<!-- Mirrored from www.w3schools.com/cssref/tryit.asp?filename=trycss3_outline-offset by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 27 Jan 2020 03:01:20 GMT -->
</html>