Ссылки на каскадные стили CSS - appearance.
Поддержка Браузеров
Google Chrome
Firefox
Сафари
Свойство appearance дает возможность определять элемент как стандартный элемент пользовательского интерфейса, то есть свойство appearance позволяет показать как выглядит стандартный элемент пользовательского интерфейса на странице сайта.
Перевод с английского слово appearance означает явка, проявление, оформление. По сути значение слова свойство appearance оправдывает, потому как свойство appearance делает элемент похожим на стандартный элемент пользовательского интерфейса.
Как много приятных изменений появились в каскадных стилях - легко и просто становиться создавать свой сайт, не правда ли?
Самое мощное здесь даже не в том, что производится некое изменение некого участка страницы сайта. Самое мощное здесь в том, что свойство appearance, которая действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера.
Синтаксис:
appearance: normal|icon|window|button|menu|field;
Значение по умолчанию: |
normal |
наследуется: |
нет |
Версия: |
CSS3 |
JavaScript синтаксис: |
объект.style.appearance="button" |
Свойства Значения
Значение |
Описание |
normal |
Отображает элемент как обычно |
icon |
Отображает элемент как небольшую картинку |
window |
Отображает элемент как окно просмотра |
button |
Отображает элемент как кнопку |
menu |
Отображает как набор опций, из которых можно выбрать |
field |
Отображает элемент как поле ввода |
Пишем программу - как заставить выглядеть html элемент как кнопку:
< !DOCTYPE>
< html>
< head>
< style type="text/css">
div
{
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari и Chrome */
}
< /style>
< /head>
< body>
< p>< b>Внимание!!!< /b> IE и Opera не поддерживают свойство appearance.< /p>
< div>Тут может быть что угодно.< /div>
< /body>
< /html>
Результат программы:
Внимание!!! IE и Opera не поддерживают свойство appearance.
Тут может быть что угодно.
В данном случае элемент div мы превратили в кнопку.
обратно на главную назад дальше вперед
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|