appearance | Свойство CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Вторник, 06.12.2016
Главная » Справочник CSS3 » Свойства интерфейса


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


appearance | Свойство CSS

Свойство appearance устанавливает вид элементов интерфейса.




Свойство appearance устанавливает вид элементов интерфейса,чтобы элемент выглядел как стандартный пользовательский элемент.Существуют альтернативные свойства для браузеров.Для Mozila -moz-appearance,для Safari и Chrome -webkit-appearance. Свойство применимо ко всем элементам,создано в версии CSS3 и проходит валидацию согласно версии CSS3.




Дополнительные значения применяемые к appearance


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

Свойство работает в браузерах




Пример применения свойства



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство appearance</title>
<style type="text/css">
<!--
#button {
appearance:button;
-moz-appearance:button;
-webkit-appearance:button;
}
-->
</style>
</head>
<body>
<center>
<input type="button" value="Значение button" id="button">
</center>
</body>
</html>

Пример в действии



Пример вида всех значений интерфейса



Поэкспериментируйте сами





Русские шрифты






Источник: http://www.w3.org/TR/2004/CR-css3-ui-20040511/#appearance0
Категория: Свойства интерфейса | Добавил: IZOTOP (30.05.2012) | Автор: Меренков Михаил E W
Просмотров: 1108 | Теги: css, свойство, пример, style, Appearance, интерфейс | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]