Как получить толстую границу только с радиусом внутренней границы

Question

border: 15px solid $card-border;

Я хочу, чтобы радиус внешней границы был нулевым, а радиус внутренней границы имел значение (округляется только внутри). Как мне этого добиться?

Answer 1

Попробуйте дать свой элемент box-sizing: border-box

https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing

Answer 2

Насколько я понял:

border: 1px double #000;
border-radius: 20px;
outline: none;
outline-offset: 0px;

Здесь border представляет внутреннюю границу, а border-radius определяет округлость границы. Несмотря на то, что я не понял, почему вы хотите упомянуть внешнюю границу, которой нет, вы все равно могли бы сделать это, упомянув контур ни к какому.

В случае, если вы хотите поставить и границу, и отрегулируйте интервал, который вы можете использовать контурное смещение , чтобы отрегулировать необходимый интервал.

Надеюсь, что справка .. !!

Answer 3

the simple way: you can have 2 dives 

<div class="a">
   <div class="b">
   </div>
</div>

.b{
    display: block;
    width: 50px;
    height: 50px;
    background-color: yellow;
    border-radius: 5px;
}
 .a{
    border: 15px solid;
    width: auto;
    height: auto;
    display: inline-block;
    background-color: black;
}

Answer 4

Для элемента outter ничего не делать, потому что поведение свойства border-radius по умолчанию равно 0 , а для внутреннего

Your element selector { 
            border-radius: the value you want px
}