В настоящее время поддержка некоторых свойств (особенно относящихся к новой Рекомендации 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 оперирует с двумя категориями...
|
|
Потенциометрия. Потенциометрическое определение рН растворов Потенциометрия - это электрохимический метод исследования и анализа веществ, основанный на зависимости равновесного электродного потенциала Е от активности (концентрации) определяемого вещества в исследуемом растворе...
Гальванического элемента При контакте двух любых фаз на границе их раздела возникает двойной электрический слой (ДЭС), состоящий из равных по величине, но противоположных по знаку электрических зарядов...
Сущность, виды и функции маркетинга персонала Перснал-маркетинг является новым понятием. В мировой практике маркетинга и управления персоналом он выделился в отдельное направление лишь в начале 90-х гг.XX века...
|
|
Патристика и схоластика как этап в средневековой философии Основной задачей теологии является толкование Священного писания, доказательство существования Бога и формулировка догматов Церкви...
Основные симптомы при заболеваниях органов кровообращения При болезнях органов кровообращения больные могут предъявлять различные жалобы: боли в области сердца и за грудиной, одышка, сердцебиение, перебои в сердце, удушье, отеки, цианоз головная боль, увеличение печени, слабость...
Вопрос 1. Коллективные средства защиты: вентиляция, освещение, защита от шума и вибрации Коллективные средства защиты: вентиляция, освещение, защита от шума и вибрации
К коллективным средствам защиты относятся: вентиляция, отопление, освещение, защита от шума и вибрации...
|
|