В настоящее время поддержка некоторых свойств (особенно относящихся к новой Рекомендации CSS 2.1) еще содержит ошибки и различается в разных браузерах
Замечание: Для всех свойств в CSS2.1 существует ключевое слово inherit (наследовать), которое устанавливает для свойства значение, равное соответствующему значению в родительском элементе.
Визуальное пространство
| свойство
| значения
| описание
| | background
| [< 'background-color'> ||< 'background-image'> ||< 'background-repeat'> ||< 'background-attachment'> ||< ' background-position'> ||inherit
| Объединенное свойство для указания всех аспектов элемента, относящихся к фону.
| | color
| < color>
inherit
| Описывается цвет переднего плана элемента (цвет текста для HTML-элементов).
| | background- color
| < цвет>
transparent
inherit
| Задает фоновый цвет Web-страницы или ее элемента
Предопределенное значение transparent задает «прозрачный фон». Оно же является значением по умолчанию.
| | background- image
| none
url (< URL>)
inherit
| Задает фоновый рисунок Web-страницы или ее элемента
Предопределенное значение none отключает фоновый рисунок, оно же является значением по умолчанию.
| | background- repeat
| repeat
repeat-x
repeat-y
no-repeat
inherit
| Устанавливает порядок повторения фонового рисунка на Web-странице или ее элементе.
Repeat – (значение по умолчанию) – заставляет фоновый рисунок повторяться по горизонтали и по вертикали.
no-repeat – запрещает фоновому рисунку повторяться
repeat-x - заставляет фоновый рисунок повторяться только по горизонтали.
repeat-y - заставляет фоновый рисунок повторяться только по вертикали.
| | background- attachment
| scroll
fixed
inherit
| Позволяет «зафиксировать» фоновый рисунок, чтобы он не прокручивался вместе с содержимым Web-страницы.
| | background- position
| < процент>
< длина>
top
center
bottom
left
right
inherit
| Определяет позицию исходного фонового изображения на фоне данного элемента. Задает начальное положение фонового рисунка с помощью двух значений или при помощи двух ключевых слов: сначала указывается позиция по горизонтали, потом по вертикали.
Значение по умолчанию –: 0% 0% (то же, что для top, left)
|
Свойства шрифта
| свойство
| значения
| описание
| пример
| | font-family
| < название-семейства> | < общее-семейство> ]
inherit
| Это свойство задает приоритетный список названий семейств шрифтов (serif, san-serif, curalve, fantasy, monospace).
Можно установить несколько возможных значений в порядке предпочтения (на случай, когда у пользователя не окажется нужного шрифта). Значения разделяются запятыми.
| font-family: arial
font-family: arial, helvetica
| | font-style
| normal
italic
oblique
inherit
| Задает стиль шрифта не выбранного семейства.
normal (значение по умолчанию) – задает обычный вид шрифта
italic – задает курсивное начертание
oblique – задает наклонное начертание
| font-style: normal
font-style: italic
font-style: oblique
| | font-variant
| normal
small-caps inherit
| Задает вид малых букв шрифта, используемого в элементе страницы
normal (значение по умолчанию) – задает обычный вид малых букв шрифта
small-caps – делает их такими же, как большие буквы, только меньшего размера (капитель)
| font-variant: normal
font-variant: small-caps
| | font-weight
| normal
bold
bolder
lighter
100-900
inherit
| Задает «жирность» шрифта, используемого в элементе страницы
«Жирность» может быть задана тремя способами.
1. Предопределенными значениями normal и bold, задающими обычное и жирное начертание соответственно.
2. Относительными значениями bolder и lighter, делающими шрифт элемента страницы жирнее и светлее шрифта родителя.
3. Одним из девяти значений, от 100 до 900; здесь нормальному начертанию соответствует значение 400, а жирному 700.
Значение по умолчанию normal
| font-weight: normal
font-weight: bold
font-weight: bolder
font-weight: lighter
font-weight: 250
| | font-size
| normal
px
pt
percentage
xx-small
x-small
small
medium
large
x- large
xx- large
smaller
larger
percentage
| Задает размер шрифта, используемого в элементе страницы. Возможно задание размера шрифта:
1. Абсолютными величинами, в одной из поддерживаемых CSS единиц измерения, либо как процент от размера шрифта родителя
2. Одним из девяти доступных предопределенных значений (xx-small, x-small, small, medium, large, x- large, xx- large) которые задают один из семи размеров шрифта, поддерживаемых HTML.
3. Значения smaller и larger задают размер шрифта – по отношению к шрифту родителя на размер меньше или больше соответственно. Начальное значение: medium.
| font-size: normal
font-size: 14px
font-size: 14 pt
font-size: xx-small
font-size: x-small
font-size: small
font-size: medium
font-size: large
font-size: x- large
font-size: xx- large
font-size: smaller
font-size: larger
font-size: 75%
| | font
| [[< 'font-style'> || < 'font-variant'> ||< 'font-weight'> ]? < 'font-size'>
[/< 'line-height'> ]? < " font-family'> ] | caption ] icon | menu | message-box | small-caption | status-bar | inherit
| Объединенное свойство для указания (как минимум) размера и семейства шрифта, а также стиля, варианта, толщины и межстрочного интервала. Дополнительные ключевые слова позволяют получить шрифты из различных компонентов операционной системы.
| При использовании font как сокращенной записи нескольких свойств шрифта важен порядок указания значений свойств. Во всех приведенных ниже правилах свойство font используется правильно.
h1 {font: 1.75em sans-serif; } /* минимальный список значений для font */
h1 { font: 1.75em/2 sans-serif; }
h1 {font: bold 1.75em sans-serif }
h1 {font: oblique bold small-caps 1.75em Verdana, Arial, sans-serif}
Правило может включать значения для всех свойств или только для части их, но оно должно включать свойства font-size и font-family, расположенные именно в этом порядке и являющиеся двумя последними значениями списка. Пропуск одного из этих свойств или использование их не в том порядке приведет к тому, что все правило будет неверным.
| Свойства текста
| свойство
| значения
| описание
| пример
| | line-height
| normal
число расстояние проценты inherit
| Задает вертикальное расстояние между строками текста. Высота может быть задана как абсолютной величиной, так и процентом от высоты родителя. Предопределенное значение normal задает стандартное расстояние
| line-height: normal
line-height:
line-height:
line-height:
| | letter-spacing
| normal
число
inherit
| Задает расстояние между символами при отображении текста
| letter-spacing: 0, 5 cm
| | word-spacing
| Normal
< длина>
inherit
| Расстояние, добавляемое между словами в текстовом элементе. Отрицательные значения допускаются.
| word-spacing: 5px;
| | text-decoration
| none
underline
overline
line-through
blink
| Задает специальное оформление текста.
none– отменяет любое специальное оформление (значение по умолчанию для большинства тегов)
underline – подчеркивает текст (значение по умолчанию для тегов < A>, < INS>, < U>)
overline – «надчеркивает» текст
line-through – зачеркивает текст (значение по умолчанию для тегов < DEL>, < S>, < STRIKE>)
blink – заставляет текст мерцать (IE не поддерживается)
| text-decoration: none
text-decoration: underline
text-decoration: overline
text-decoration: line-through
text-decoration: blink
| | text-transform
| none
capitalize
uppercase
lowercase
inherit
| Задает преобразование регистра символов текста.
· none (значение по умолчанию) – отключает любые преобразования регистра символов
· capitalize – преобразует первую букву каждого слова текста в верхний регистр
· uppercase – преобразует все символы текста в верхний регистр
· lowercase – в нижний регистр
| text-transform: none
text-transform: capitalize
text-transform: uppercase
text-transform: lowercase
| | text-align
| left
right
center
justify
| Задает горизонтальное выравнивание текста.
· left – (значение по умолчанию) – выравнивает текст по левому краю
· right – по правому краю
· center – по центру
· justify – по ширине
| text-align: left
text-align: right
text-align: center
text-align: justify
| | text-indent
| Длина
процент
| Задает отступ красной строки. Отступ может быть задан как абсолютной величиной, так и процентом от ширины родителя
| text-indent: 20px;
text-indent: 10%
| | vertical-align
| baseline
middle
sub
super
text-top
text-bottom
top< процент> |< длина> | inherit
bottom
| Задает положение элемента по вертикали относительно элемента – родителя.
· baseline – выравнивание базовой линии элемента (или низа, если элемент не имеет базовой линии) по базовой линии родителя
· middle – выравнивает центр элемента страницы по центру родителя
· sub – превращает текст в нижний индекс
· super – превращает текст в верхний индекс
· text-top – выравнивает верх текста элемента страницы по верху текста родителя
· text-bottom – выравнивает низ текста элемента страницы по низу текста родителя
· top – выравнивает верх элемента страницы по самому верху родителя
· bottom – выравнивает низ элемента страницы по низу родителя
| vertical-align: baseline
vertical-align: middle
vertical-align: sub
| | white-space
| normal
pre
nowrap
pre-wrap
pre-line
| Задает, будут ли строки текста, содержащегося в элементе страницы, автоматически переноситься, если они не помещаются в нем по ширине
normal (значение по умолчанию) – включает автоматический перенос длинных строк
pre – не поддерживается
nowrap – отключает автоматический перенос
| white-space: normal
white-space: pre
Начальное значение: normal
| | direction
| ltr
rtl
inherit
|
| direction: rtl;
| Свойства списков
| свойство
| значения
| описание
| | list-style-type
| disc
circle
square
decimal
lower-roman
upper-roman
lower-alpha
upper-alpha
decimal-leading-zero
lower-greek
lower-latin
upper-latin
lower-alpha
upper-alpha
none
| Задает тип маркера или номера позиции списка
disc (значение по умолчанию) – отображает сплошной кружок
circle - окружность
square – сплошной квадрат
decimal – нумерует позицию арабскими цифрами
lower-roman – малыми римскими
upper-roman – большими римскими
lower-alpha – помечает позиции малыми латинскими буквами
upper-alpha – большими латинскими
none – вообще убирает маркер или нумерацию
| | list-style-image
| none
url (< url>)
| Задает графическое изображение, отображаемое в качестве маркера позиции списка. Имеет приоритет над атрибутом list-style-type
| | list-style-position
| outside
inside
| Определяет положение маркера в списке: в составе абзаца пункта списка (значение inside), или выдвинутым влево от него (значение outside)
| | list-style
| < list-style-type> || < list-style-image> ||< list-style-position>
inherit
| Объединенное свойство для указания типа, изображения и местоположения маркеров списка. К элементам со значением свойства display, равным list-item (в HTML это элементы ul, ol и li). Значения данных свойств можно указывать в произвольном порядке, при этом любые свойства можно опускать вообще. Не забывайте, что не указанные в сокращении свойства принимаются равными своим значениям по умолчанию. ul {list-style: url(skull.gif) disc outside; } ul {list-style: disc outside url(skull.gif); } ul {list-style: url(skull.gif) disc; }
| | counter-increment
| < идентификатор> < целое_число>
None
inherit
| Указывается величина инкремента (приращения) для счетчика (допускаются положительные и отрицательные значения).
| | counter-reset
| < идентификатор> < целое_число>
None
inherit
| Сброс счетчика - установка его в любое значение (положительное или отрицательное)
|
Кардиналистский и ординалистский подходы Кардиналистский (количественный подход) к анализу полезности основан на представлении о возможности измерения различных благ в условных единицах полезности...
|
Обзор компонентов Multisim Компоненты – это основа любой схемы, это все элементы, из которых она состоит. Multisim оперирует с двумя категориями...
|
Композиция из абстрактных геометрических фигур Данная композиция состоит из линий, штриховки, абстрактных геометрических форм...
|
Важнейшие способы обработки и анализа рядов динамики Не во всех случаях эмпирические данные рядов динамики позволяют определить тенденцию изменения явления во времени...
|
|
ТЕРМОДИНАМИКА БИОЛОГИЧЕСКИХ СИСТЕМ. 1. Особенности термодинамического метода изучения биологических систем. Основные понятия термодинамики. Термодинамикой называется раздел физики...
Травматическая окклюзия и ее клинические признаки При пародонтите и парадонтозе резистентность тканей пародонта падает...
Подкожное введение сывороток по методу Безредки. С целью предупреждения развития анафилактического шока и других аллергических реакций при введении иммунных сывороток используют метод Безредки для определения реакции больного на введение сыворотки...
|
|
Этапы и алгоритм решения педагогической задачи Технология решения педагогической задачи, так же как и любая другая педагогическая технология должна соответствовать критериям концептуальности, системности, эффективности и воспроизводимости...
Понятие и структура педагогической техники Педагогическая техника представляет собой важнейший инструмент педагогической технологии, поскольку обеспечивает учителю и воспитателю возможность добиться гармонии между содержанием профессиональной деятельности и ее внешним проявлением...
Репродуктивное здоровье, как составляющая часть здоровья человека и общества
Репродуктивное здоровье – это состояние полного физического, умственного и социального благополучия при отсутствии заболеваний репродуктивной системы на всех этапах жизни человека...
|
|
