Здравствуйте! В этом материале я хочу рассказать про интересное свойство css - appearence .

Свойство appearance в CSS.

Здравствуйте! В этом материале я хочу рассказать про интересное свойство css - appearence.

Данное свойство позволяет сделать внешний вид любого элемента похожим на стандартный вид.

Рассмотрим пример.

<div>Это блок div</div>

Теперь применим такие стили

div {
  appearance: button;
}

Теперь наш блок div выглядит так, будто мы создали кнопку с помощью тега button.

Вот все значения, которые может принимать данное свойство.

  • normal - ничего не меняет
  • icon - отображает элемент как маленькую иконку
  • window - отображает в виде окошка просмотра
  • button - как кнопку
  • menu - как меню
  • field - как поле, input

Вот такое полезное свойство иногда бывает нужно. Спасибо за внимание!