Властивість appearance в css.
Вітаю! У цій статті я хочу розповісти про цікаву властивість css - appearence.
Дана властивість дозволяє зробити зовнішній вигляд будь-якого елемента схожим на стандартний вид.
Розглянемо приклад.
Це блок divТепер застосуємо такі стилі
div {
appearance: button-
}Тепер наш блок div виглядає так, ніби ми створили кнопку за допомогою тега button.
Ось все значення, які може приймати дане властивість.
- normal - нічого не змінює
- icon - відображає елемент як маленьку іконку
- window - відображає у вигляді віконця перегляду
- button - як кнопку
- menu - як меню
- field - як поле, input
Ось таке корисне властивість іноді буває потрібно. Дякую за увагу!
Поділися в соціальних мережах:
Схожі
Що таке svg? Стилізуємо об`єкти.
Як вирівняти по центру блок змінної ширини.
Як отримати доступ до будь-якого об`єкта html через jаvascript
Навіщо потрібно властивість page-break-inside.
Як працювати зі стилями в jаvascript.
Як дозволити або заборонити виділяти текст на css.
Як зробити зображення адаптивними?
Властивості nav-left, nav-right і nav-up в css3.
Css3 трансформації.
Плавні переходи в css3.
Приховування елементів на css.
Об`єкт object в jаvascript
Множинні фони в css3.
Ефект сірого відтінку на css.
Властивість z-index і плеєр youtube
Властивості css3 - box-ordinal-group і box-orient.
Властивість css3 - box-sizing.
Властивість flexbox в css3.
Reflection api. Reflectionproperty.
Об`єкт link в jаvascript
Часткова відміна float в css
Як вирівняти по центру блок змінної ширини.
Як дозволити або заборонити виділяти текст на css.
Reflection api. Reflectionproperty.
Ефект сірого відтінку на css.
Робота з атрибутами вузлів в xml-документі через dom
Властивість z-index і плеєр youtube
Властивість flexbox в css3.