Властивість 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