Příklady na outline

orámovaný div
border: 20px solid blue;

div bez rámečku, ale s outline
outline: 20px solid orange;

orámovaný div i s outline
border: 20px solid blue;
outline: 20px solid orange;

orámovaný div i s outline a kulatými rohy
border: 20px solid blue;
outline: 20px solid orange;
border-radius: 20px;

orámovaný div s outline a outline-offset
border: 5px solid blue;
outline: 20px solid darkorange;
outline-offset: 20px;

orámovaný div s outline a záporným outline-offset
border: 5px solid blue;
outline: 20px solid rgba(40,60,0,0.3);
outline-offset: -30px;

div s nastavením rozepsaných hodnot
outline-width: 20px; outline-style: solid; outline-color: lime;

div s nastavením outline jen přes outline-style vezme výchozí barvu (černou) a šířku 3px
outline-style: dotted;