Властивість appearance в css.

Властивість appearance в CSS.

Вітаю! У цій статті я хочу розповісти про цікаву властивість css - appearence.

Дана властивість дозволяє зробити зовнішній вигляд будь-якого елемента схожим на стандартний вид.

Розглянемо приклад.

Це блок div

Тепер застосуємо такі стилі

div {
appearance
: button-
}

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

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

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

Ось таке корисне властивість іноді буває потрібно. Дякую за увагу!

Поділися в соціальних мережах:

Схожі
Властивості nav-left, nav-right і nav-up в css3.Властивості nav-left, nav-right і nav-up в css3.
Як вирівняти по центру блок змінної ширини.Як вирівняти по центру блок змінної ширини.
Як дозволити або заборонити виділяти текст на css.Як дозволити або заборонити виділяти текст на css.
Reflection api. Reflectionproperty.Reflection api. Reflectionproperty.
Як працювати зі стилями в jаvascript.Як працювати зі стилями в jаvascript.
Об`єкт object в jаvascriptОб`єкт object в jаvascript
Ефект сірого відтінку на css.Ефект сірого відтінку на css.
Робота з атрибутами вузлів в xml-документі через domРобота з атрибутами вузлів в xml-документі через dom
Властивість z-index і плеєр youtubeВластивість z-index і плеєр youtube
Властивість flexbox в css3.Властивість flexbox в css3.
» » Властивість appearance в css.