Свойство appearance

Свойство appearance может быть использовано для того, чтобы элемент выглядел как стандартный пользовательский элемент для этой платформы.

Допустимые значения

  • normal — элемент выглядит как текст
  • < appearance > — задает внешний вид элемента. Определены следующие значения appearance:
    • button — элемент выглядит как кнопка
    • push-button — элемент выглядит как нажатая кнопка
    • hyperlink — элемент выглядит как ссылка
    • radio-button — элемент выглядит как переключатель
    • checkbox — элемент выглядит как флажок
    • pop-up-menu — элемент выглядит как выпадающий список
    • list-menu — элемент выглядит как список с прокруткой
    • radio-group — элемент выглядит как группа переключателей
    • checkbox-group — элемент выглядит как группа флажков
    • field — элемент выглядит как многострочное поле ввода текста
    • password — элемент выглядит как однострочное поле ввода пароля
  • inherit — наследует значение от родителя
Значение по умолчанию normal
Применимо ко всем элементам
Наследование нет
Версия CSS CSS 3
Поддерживается браузерами

Пример

input [type=button]{
appearance:push-button;
}
Твой код:
Результат:
большой полигон

Заметки

Спецификация не определяет понятия "платформа". В качестве настроек платформы могут быть использованы как настройки операционной системы, так и настройки браузера или даже его скина.

Это свойство относится к CSS3 модулю CSS3 Basic User Interface Module — кандидата в рекомендацию W3C с 11 мая 2004 года.

Хотя для Safari 3.0 и выше и Chrome 1.0 и выше и есть похожее свойство -webkit-appearance, а для Firefox 1.0 и выше -moz-appearance, но они отличаются возможными значениями appearance. Совпадают у всех трех свойств только значения button и checkbox. Кроме того -webkit-appearance и -moz-appearance не поддерживают значений auto и inherit, а по умолчанию имеют значение none, что эквивалентно auto.

По теме

Показать комментарии