| Свойства CSS |
ПРИМЕЧАНИЯ |
Internet Explorer |
Opera7.5 |
Mozilla5 Firefox1 |
Свойства шрифта элементов сайта |
| Цвет шрифта [color] |
|
+ |
+ |
+ |
| Размер шрифта [font-size] |
|
+ |
+ |
+ |
| Толщина символов [font-weight] |
|
|
|
|
| Начертание [font-family] |
Если указать URL(file), то шрифт автоматически установится на
компьютер пользователя |
+ |
+ |
+ |
| Наклон [font-style] |
|
+ |
+ |
+ |
| Подчеркивание [text-decoration] |
Значение "blink" работает по- разному в различных браузерах |
+ |
+ |
+ |
| Расстояние между буквами [letter-spacing] |
Доступны отрицательные значения |
+ |
+ |
+ |
| Межстрочный интервал |
|
+ |
+ |
+ |
| Заглавные буквы [font-variant] |
По-разному отображаются в различных браузерах |
+ |
+ |
+ |
| Преобразование шрифта |
|
+ |
+ |
+ |
Свойства фона и цвет элементов сайта |
| Цвет фона [background-color] |
|
+ |
+ |
+ |
| Фоновое изображение [background-image] |
|
+ |
+ |
+ |
| Прокручивание фона [background-attachment] |
Значение "fixed;" работает только с тегом <body> |
+ |
+ |
+ |
| Положение фонового изображения [background-position] |
|
+ |
+ |
+ |
| Повторение фонового изображения [background-repeat] |
|
+ |
+ |
+ |
| Положение фонового изображение по X |
|
+ |
- |
- |
| Положение фонового изображение по Y |
|
+ |
- |
- |
Границы элементов сайта |
| Общее обрамление [border] |
(Задает ширину, стиль и цвет всех четырех границ элемента
одновременно) |
+ |
+ |
- |
| Толщина обрамления [border-width] |
|
+ |
+ |
+ |
| Цвет обрамления [border-color] |
|
+ |
+ |
+ |
| Стиль обрамления [border-style] |
|
+ |
+ |
+ |
| Верхняя граница [border-top] |
|
+ |
+ |
- |
| Нижняя граница [border-bottom] |
|
+ |
+ |
- |
| Правая граница [border-right] |
|
+ |
+ |
- |
| Левая граница [border-left]: |
|
+ |
+ |
- |
Позиционирование блоков (элементов) сайта |
| Внешние отступы [margin] |
Доступны отрицательные значения |
+ |
+ |
+ |
| Тип контейнера [display] |
|
+ |
+ |
+ |
| Общая ширина [width] |
|
+ |
+ |
+ |
| Общая высота [height] |
|
+ |
+ |
+ |
| Метод позиционирования [position] |
|
+ |
+ |
+ |
| Выравнивание [float] |
|
+ |
+ |
+ |
| Смещения |
Доступны отрицательные значения |
+ |
+ |
+ |
| Расположение [clear] |
|
+ |
+ |
+ |
| Координаты прямоугольника, в котором выводится содержимое элемента |
Обычно применяется в области програм-мирования на Java Scripts |
+ |
+ |
+ |
| Поведение |
|
+ |
+ |
+ |
| Порядок вывода (наложения) элементов друг на друга [z-index] |
Чем больше значение z-index, тем ближе к наблюдателю находится слой.
|
+ |
- |
+ |
Расположение текста внутри элементов (блоков) сайта |
| Внутренний отступ [padding] |
Значение работает в различных браузерах - по разному |
+ |
+ |
+ |
| Горизонтальное выравнивание текста [text-align] |
|
+ |
+ |
+ |
| Вертикальное выравнивание текста [vertical-align] |
Обычно используется для вертикального выравнивания текста внутри
столбцов и ячеек таблиц, также работает для вертикального расположения
маркеров (list-item) внутри блока |
|
|
|
| Смещение текста |
|
+ |
+ |
+ |
Другие настройки элементов сайта |
| Маркер списка [list-style-type] |
|
+ |
+ |
+ |
| Маркер списка (изображение) [list-style-image] |
|
+ |
+ |
+ |
| Расположение маркеров |
|
+ |
+ |
+ |
| Обработка пробелов в элементах сайта |
|
+ |
+ |
+ |
| Вид курсора |
Если указать URL(file), то возможно использовать любой Ваш курсор |
+ |
+ |
- |
| Фильтры |
Чтобы работало, бывает необходимо указать ширину и высоту объекта |
+ |
- |
- |
Полосы прокрутки элементов сайта |
| Полосы прокрутки |
Для того чтобы придать цвета основному скролу, установите
соответствующие значения для тега <body> |
+ |
- |
- |
