HTML / CSS Letter внешняя граница - PullRequest
Новая
       5

HTML / CSS Letter внешняя граница

0 голосов
/ 01 ноября 2019

У меня есть случай, чтобы отобразить внешние границы букв, и объединить его с базовой границей, и заполнить его цветом или оставить прозрачным. Вот так: https://i.stack.imgur.com/Z8F1M.png. Я поместил одну границу div в границы другой, когда решал другую проблему со смещением ненадежного прямоугольника: 

.figure-frame {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    border-left: 1px solid black;
    border-top: 1px solid black;
    height: 280px;
    width: 176px;
}

#figure {
    overflow: hidden;
    position: relative;
    height: 279px;
    width: 136px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    margin: 0 0 0 19px;
    transform: skew(-8deg);
}
<div class="figure-frame">
  <div id="figure"></div>
</div>

Я думаю, что я могу использовать подобный трюк в этом случае, но я не знаю, как использовать его с границами шрифтов.

...