Как трюк с границей CSS создает форму треугольника с нулевой шириной и высотой? [дубликат] ⇐ CSS

[Anonymous]

Я пытаюсь понять, как этот CSS-код создает треугольную форму. Вот код, с которым я работаю:

Код: Выделить всё

Элемент не имеет ширины и высоты, но выглядит как треугольник, направленный вниз. Я знаю, что свойство border можно использовать для создания фигур, но я не уверен, почему прозрачные границы слева и справа работают таким образом.
Может ли кто-нибудь объяснить следующее:< /p>
Почему установка ширины и высоты на 0 по-прежнему приводит к видимой форме?
Как прозрачные границы способствуют формированию треугольника?
Какую роль играет borderBottom в формировании треугольника?
Любое подробное объяснение Было бы очень полезно узнать, как границы создают этот треугольник!
введите здесь описание изображения

Подробнее здесь: https://stackoverflow.com/questions/793 ... and-height