Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<title>CSS Borders Reference: outline auto follows border-shape with border</title>
<style>
body {
margin: 0;
}
.container {
padding: 20px;
}
.target {
width: 100px;
height: 100px;
background: lightblue;
border: 10px solid green;
border-radius: 60px;
outline: auto 4px blue;
}
</style>
<div class="container">
<div class="target" tabindex="0" id="target"></div>
</div>
<script>
document.getElementById('target').focus();
</script>