Краткий список таблиц свойств CSS, в которых перечислены некоторые часто используемые свойства CSS.
Имя атрибута Значение атрибута Значение атрибута
Свойства шрифта (Шрифт)
| Ниже приводится цитируемое содержание: font-family Какой шрифт использовать для всех шрифтов font-style Является ли шрифт курсивом Обычный, курсив, наклонный font-variant Использовать ли мелкий и прописные шрифты Обычный, маленькие прописные шрифт-вес толщина шрифта Обычный, жирный, жирный, литр и т. д. размер шрифта размер шрифта Абсолютный размер, относительный размер, длина, процент и т. д. |
Свойства цвета и фона
| Ниже приводится цитируемое содержание: Цвет определяет цвет переднего плана Background-color определяет цвет фона. Background-image определяет путь к фоновому шаблону. Режим повтора с фоновым повтором. Повтор-x, повтор-y, без повтора. Фоновые вложения устанавливают прокрутку Прокрутка, фиксированная Исходное положение фоновой позиции Процент, длина, сверху, слева, справа, снизу и т. д. |
текстовый атрибут
| Ниже приводится цитируемое содержание: Word-spacing Расстояние между словамиNormal <длина> Letter-spacing Расстояние между буквамиNormal <длина> Стиль оформления текстаНет|подчеркивание|надчеркивание|перечеркивание|мигание Вертикальное выравнивание по вертикали Baseline|sub|super|top|text-top|middle|bottom|text-bottom Преобразование текста Преобразование текста Заглавные буквы|прописные|строчные|нет Выравнивание текста по левому краю|вправо|по центру|выравнивание Text-indent Метод отступа первой строки<длина>|<процент> Line-height Высота строки textNormal|<число>|<длина>|<процент> |
Свойства поля
| Ниже приводится цитируемое содержание: Поле-верхнее верхнее поле Длина|процент|авто Поле-правое правое поле Длина|процент|авто Поле-нижнее нижнее поле Длина|процент|авто Поле-левое левое поле Длина|процент|авто |
свойство заполнения
| Ниже приводится цитируемое содержание: Расстояние отступа до верхнего края Длина|процент Расстояние заполнения справа от поля Длина|процент Расстояние от отступа до нижнего отступа Длина|процент Расстояние отступа до левого края Длина|процент |
Свойства границы
| Ниже приводится цитируемое содержание: Ширина верхней границы Тонкая|средняя|толстая|длина Border-right-width Ширина правой границы Тонкая|средняя|толстая|длина Ширина нижней границы границы Ширина нижней границы Тонкая|средняя|толстая|длина Border-left-width ширина левой границы Тонкая|средняя|толстая|длина Ширина границы один раз определяет ширину. Тонкая|средняя|толстая|длина Border-color устанавливает цвет границы Color Border-style устанавливает стиль границы: Нет|точечный|тире|сплошной и т. д. Border-top один раз определяет верхнюю ширину границы | цвет и т. д. Border-right определяет правильную ширину границы | цвет и т. д. один раз. Border-bottom однажды определяет ширину нижней границы | цвет и т. д. Border-left определяет ширину левой границы | цвет и т. д. один раз. Ширина определяет атрибут ширины. Длина|процент|авто Высота определяет атрибут высоты. Длина|авто Обтекание плавающим текстомLeft|right|none Очистить Какая сторона окружает Слева|справа|нет|оба |
иерархические свойства
| Ниже приводится цитируемое содержание: Отображение определяет, отображать ли блок, встроенный, элемент списка, нет. Пробелы Как бороться с пустыми пространствами Normal, pre, nowrap Тип списка добавляет номер элемента: диск, круг, квадрат и т. д. Добавить шаблон изображения в стиле списка<url>|none List-style-position Начальная позиция второй строки — Внутри, снаружи. Стиль списка определяет список <ключевое слово>|<позиция>|<url> один раз |
Свойства мыши (курсора)
| Ниже приводится цитируемое содержание: Авто |