Сокращение для правила границы CSS

Question

Мне просто интересно, есть ли сокращение для этого правила CSS.Я думаю, что это не очень хорошая идея, чтобы сначала определить границу, а затем переопределить ее в следующей строке, указав другую ширину границы.Можем ли мы как-нибудь упростить это?

div.container {
  border: 0 solid gray;
  border-width: 5px 2px;
}

Answer 1

К сожалению для свойства border / border-wdith нет сокращения , если вы не установите равную ширину границы для всех сторон.

(См. Сокращение границы CSS, когда каждая граница имеет различную ширину )

Пример для равной ширины границы:

div.container {
  border: 5px solid gray;
}

или с другой границейширина (ваш случай)

div.container {
  border: 0 solid gray;
  border-width: 5px 2px;
}