Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - appearance.

Поддержка Браузеров

Google Chrome Google Chrome Firefox Firefox Safari Сафари

Свойство 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 мы превратили в кнопку.




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: