css схема слева и справа

Question

В любом случае, чтобы установить css outline показать только влево и вправо? Поскольку я не могу использовать границу, я попытался, но это сделает более плохую перспективу.

.test{ 
 
    margin:10px; 
 
    padding:10px; 
 
    width:100px; 
 
    height:10px; 
 
    outline:10px solid #000; 
 
    }

<div class="test"></div>

Answer 1

Вы могли бы добиться этого с помощью двух теней коробки:

div { 
 
    margin: 10px; 
 
    padding: 10px; 
 
    width: 100px; 
 
    height: 10px; 
 
    box-shadow: -5px 0px 0px 0px black, 5px 0px 0px 0px black; 
 
}

<div></div>