CSS calc() в border-width?

Question

Могу ли я использовать calc() с border-width?

Я хотел бы, чтобы следующий CSS работал:

.my-element {
  border-left-width: calc(10% + 10px);
  border-right-width: calc(10% + 20px);
}

Но по какой-либо причине, любую ценность, которую я предоставляю calc() не дает никаких границ вообще. В документации, которую я нашел на MDN, не ясно, можно ли использовать calc - там написано, что я должен использовать Any <length> value, но включает ли это calc?

Я нацеливаюсь на IE9, но получаю одинаковые результаты в Chrome 34 и Firefox 28. Я знаю, что всегда могу использовать jQuery для достижения этих целей, но я хочу избежать этого, если это возможно.

Answer 1

К несчастью, border-width не может использовать значение%, так как любой% НЕ связан с размером элемента.

Итак, в основном...НЕТ, вы не можете использовать calc WITH % для border-width, потому что он не знает, каким должен быть%.