Формы CSS сделаны при помощи Каскадных Листов Моделирования превратить элементы HTML в формы и изображения. Самые основные формы включают треугольники, квадраты и круги, но могут быть превращены в большее количество форм усовершенствования, таких как основы, восьмиугольники и звезды.

Формы CSS принадлежат вопросам о рендеринге, ошибках и технических проблемах HTML/CSS, сделанного формами. Они могут использоваться на любом теге, но должны быть отображены как a block или inline-block элементы. Формы CSS могут использоваться, чтобы обратить внимание средств просмотра на определенные элементы на странице, сделать графику, структуру страницы и объекты.

Вот простой треугольник CSS,

.left-tri { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid brown; } 

Вот наиболее распространенная форма CSS,

.square { width: 100px; height: 100px; background: brown; } 

Одно преимущество использования Формы CSS является способностью представить к дисплею любого монитора, не становясь пикселизированным. Формы CSS очень похожи на SVG(Масштабируемое Векторное изображение), но удаляют использование файла изображения. Они также могут позволить разработчику полагаться больше на CSS для моделирования страницы.


Формы CSS (Исключение CSS) являются новым инструментом Adobe, продолжал работать. В настоящее время поддержка браузера очень плоха. С Исключением CSS можно добавить пути для текста для переноса или в том объекте получить текстовую структуру сброса без изображения. (Пример, должен позволить Исключению CSS на Вашем браузере просмотреть),

Не все Формы CSS имеют назад поддержку браузера, поскольку Исключения CSS относятся к вкладке Browser Support.


Ссылки

Поддержка браузера

Инструменты генератора формы

  • Генератор Формы CSS - сетевой инструмент для автосоздавания нескольких предопределенных основных форм CSS.