CSS, outline-offset: установка смещения для каждой стороны отдельно - PullRequest
Новая
       21

CSS, outline-offset: установка смещения для каждой стороны отдельно

0 голосов
/ 08 октября 2018

В CSS используется outline.Могу ли я установить контурное смещение для каждой стороны отдельно?

Я не хочу добавлять отступы (или любой другой контент) к своему элементу.

Вот наглядное представление о том, что я имею в виду:

enter image description here

Просматривал MDN, но ничего не смог найти.Это возможно?

1 Ответ

0 голосов
/ 08 октября 2018

Используйте псевдоэлемент, и вы можете легко контролировать пространство и размер, используя рамку: 

.outline {
  padding: 10px;
  display: inline-block;
  position:relative;
  margin:20px;
  background:rgba(0,0,0,.2);
}
.outline:before {
  content:"";
  position:absolute;
  left:-10px;
  right:-20px;
  top:-5px;
  bottom:-5px;
  border:2px solid;
  border-right-width:4px;
  border-left-width:5px;
}
<div class="outline">
  Content
</div>
...