CSS2 - Справочное руководство
Это полное справочное руководство для веб-разработчиков, в котором мы перечислили все свойства CSS, определенные в Рекомендации Консорциума World Wide Web для каскадных таблиц стилей, уровень 2.
|
|
|
Щелкните любое свойство, чтобы просмотреть его описание с примерами -
Sr. No. | Описание недвижимости |
---|---|
1 | азимут Описывает положение источника звука по горизонтальной оси окружения слушателя. |
2 | задний план Составное свойство для следующих свойств -
|
3 | фоновое приложение Определяет, фиксируется ли фоновое изображение в окне или прокручивается по мере прокрутки документа. |
4 | фоновый цвет Устанавливает цвет фона элемента. |
5 | изображение на заднем плане Устанавливает фоновое изображение элемента. |
6 | фоновая позиция Устанавливает начальную позицию фонового изображения элемента, если указано; значения обычно объединяются в пары, чтобы обеспечить позиции x, y; позиция по умолчанию - 0% 0%. |
7 | фон-повтор Определяет, как фоновое изображение повторяется (мозаично) по элементу. |
8 | граница Устанавливает все четыре границы элемента; value - это один или несколько из цвета, значения ширины границы и значения стиля границы. |
9 | нижняя граница Устанавливает нижнюю границу элемента; value - это один или несколько из цветов, значения для ширины дна границы и значения для стиля границы . |
10 | ширина нижней границы Устанавливает толщину нижней границы элемента. |
11 | граница-коллапс Устанавливает алгоритм визуализации границы таблицы. |
12 | цвет границы Устанавливает цвет всех четырех границ элемента; по умолчанию - цвет элемента. |
13 | граница-левый-цвет Устанавливает цвет левой границы элемента; по умолчанию - цвет элемента. |
14 | граница-правый-цвет Устанавливает цвет правых границ элемента; по умолчанию - цвет элемента. |
15 | цвет верхней границы Устанавливает цвет верхней границы элемента; по умолчанию - цвет элемента. |
16 | граница нижнего цвета Устанавливает цвет нижней границы элемента; по умолчанию - цвет элемента. |
17 | граница слева Устанавливает левую границу элемента; value - это один или несколько из цветов, значения для ширины левой границы и значения для стиля границы . |
18 | граница-левая-ширина Устанавливает толщину левой границы элемента. |
19 | граница справа Устанавливает правую границу элемента; value - это один или несколько из цветов, значения для ширины границы и значения для стиля границы . |
20 | граница-правая-ширина Устанавливает толщину правой границы элемента. |
21 год | пограничный интервал С отдельными границами установите интервал между границами. Одно значение устанавливает интервал по вертикали и горизонтали, а два значения задают интервал по горизонтали и вертикали соответственно. |
22 | стиль границы Устанавливает стиль всех четырех границ элемента. |
23 | верхняя граница Устанавливает верхнюю границу элемента; value - это один или несколько из следующих значений: цвет, значение для ширины верхней границы и значение для стиля границы . |
24 | ширина верхней границы Устанавливает толщину верхней границы элемента. |
25 | ширина рамки Устанавливает толщину всех четырех границ элемента. |
26 | дно Используется со свойством position для размещения нижнего края элемента. |
27 | сторона подписи Устанавливает позицию заголовка таблицы. |
28 | Чисто Устанавливает, какие поля элемента не должны примыкать к плавающему элементу; элемент перемещается вниз до тех пор, пока поле не станет чистым. |
29 | зажим Устанавливает обтравочную маску для элемента. |
30 | цвет Устанавливает цвет элемента. |
31 год | содержание Вставляет сгенерированный контент вокруг элемента. |
32 | счетчик Увеличивает счетчик на 1; value - это список имен счетчиков, за каждым именем необязательно следует значение, на которое оно увеличивается. |
33 | сброс счетчика Сбрасывает счетчик на ноль; value - это список имен счетчиков, за каждым именем необязательно следует значение, до которого оно сбрасывается. |
34 | реплика Воспроизводит указанный звук после произнесения элемента. |
35 год | cue-before Воспроизводит обозначенный звук перед произнесением элемента. |
36 | курсор Определяет форму курсора. |
37 | направление Определяет направление потока содержимого элемента. |
38 | дисплей Управляет тем, как отображается элемент. |
39 | высота Устанавливает высоту, на которой воспроизводится звук. |
40 | пустые ячейки С отдельными границами скрывает пустые ячейки в таблице. |
41 год | плавать Определяет, перемещается ли элемент влево или вправо, позволяя тексту обтекать его или отображаться в строке. |
42 | шрифт Устанавливает все атрибуты шрифта для элемента. Значение - это любое из значений для -
|
43 год | семейство шрифтов Определяет шрифт для элемента либо как определенный шрифт, либо как один из общих шрифтов с засечками, без засечек, курсива, фэнтези и моноширинного шрифта. |
44 | размер шрифта Определяет размер шрифта. |
45 | размер шрифта настроить Регулирует соотношение сторон текущего шрифта. |
46 | font-stretch Определяет степень растяжения текущего шрифта. |
47 | стиль шрифта Определяет стиль лица: нормальный или наклонный. |
48 | вариант шрифта Определяет шрифт как маленькие заглавные. |
49 | font-weight Определяет толщину шрифта. Если используется число, оно должно быть кратным 100 от 100 до 900; 400 - это нормально, 700 - это то же самое, что и ключевое слово жирным шрифтом. |
50 | высота Определяет высоту элемента. |
51 | слева Используется со свойством position для размещения левого края элемента. |
52 | Межбуквенное расстояние Вставляет дополнительный пробел между текстовыми символами. |
53 | высота линии Устанавливает расстояние между соседними базовыми линиями текста. |
54 | список Определяет стили, связанные со списком, используя любое из значений для -
|
55 | изображение в стиле списка Определяет изображение, которое будет использоваться в качестве маркера элемента списка вместо значения для -
|
56 | позиция в стиле списка Отступает или расширяет (по умолчанию) маркер элемента списка по отношению к его содержимому. |
57 | список-стиль-тип Определяет маркер элемента списка либо для неупорядоченных списков (круг, диск или квадрат), либо для упорядоченных списков (десятичный, нижний алфавит, нижний римский алфавит, нет, верхний альфа или верхний римский знак). |
58 | прибыль Определяет все четыре поля элемента. |
59 | край-низ Определяет нижнее поле элемента. Значение по умолчанию - 0. |
60 | маржа слева Определяет левое поле элемента. Значение по умолчанию - 0. |
61 | маржа справа Определяет правое поле элемента. Значение по умолчанию - 0. |
62 | верхняя граница Определяет верхнее поле элемента. Значение по умолчанию - 0. |
63 | маркер-смещение Свойство marker-offset может использоваться в маркированных списках для указания расстояния между ближайшими границами рамки маркера (или маркера) и связанным с ним основным блоком. |
64 | Метки Свойство меток используется для установки меток обрезки и крестиков на страницах. Это используется с правилом @page. |
65 | максимальная высота Свойство max-height используется для ограничения высоты элемента. |
66 | Максимальная ширина Свойство max-width используется для установки максимальной ширины элемента. |
67 | мин-высота Свойство min-height используется для ограничения высоты элемента. |
68 | минимальная ширина Свойство min-width используется для ограничения ширины элемента. |
69 | дети сироты Устанавливает минимальное количество строк, разрешенное в потерянном фрагменте абзаца. |
70 | контур Свойство контура - это сокращенное свойство для указания всех свойств контура. |
71 | контур-цвет Свойство outline-color используется для указания цвета контура. Обратите внимание, что, в отличие от свойства границы, контур не занимает лишнего места и может быть непрямоугольным. |
72 | контур-цвет-стиль Свойство стиля контура используется для определения стиля контура. Обратите внимание, что, в отличие от свойства границы, контур не занимает лишнего места и может быть непрямоугольным. |
73 | контур-ширина Свойство outline-color используется для указания цвета контура. Обратите внимание, что, в отличие от свойства границы, контур не занимает лишнего места и может быть непрямоугольным. |
74 | переполнение Определяет, как отображается содержимое переполнения. |
75 | набивка Определяет все четыре размера отступа вокруг элемента. |
76 | обивка-дно Определяет нижнее заполнение элемента. Значение по умолчанию - 0. |
77 | отступ слева Определяет левое заполнение элемента. Значение по умолчанию - 0. |
78 | отступ справа Определяет правое заполнение элемента. Значение по умолчанию - 0. |
79 | обивка Определяет верхний отступ элемента. Значение по умолчанию - 0. |
80 | страница Связывает именованный макет страницы с элементом. |
81 год | разрыв страницы после Принудительно или подавляет разрыв страницы после элемента. |
82 | разрыв страницы до Принудительно или подавляет разрыв страницы перед элементом. |
83 | разрыв страницы внутрь Подавляет разрывы страниц внутри элемента. |
84 | Пауза Свойство pause - это сокращение CSS для указания сокращенного свойства для указания пауз в звуковом носителе. |
85 | пауза после Приостанавливает медиа после произнесения элемента. |
86 | пауза перед Приостанавливает медиа перед произнесением элемента. |
87 | подача Устанавливает средний тон речевого содержимого элемента. |
88 | диапазон высоты тона Устанавливает диапазон высоты звука от 0 (плоский) до 100 (широкий); по умолчанию 50. |
89 | игра во время Если указан URL-адрес, он воспроизводится во время речевого содержимого элемента, при указании повторения звук воспроизводится в цикле; mix заставляет его смешиваться с другим фоновым звуком, а не заменять его. |
90 | позиция Устанавливает модель позиционирования для элемента. |
91 | цитаты Устанавливает символы кавычек, используемые для цитирования текста. |
92 | богатство Устанавливает насыщенность голоса от 0 (плоский) до 100 (сладкий); по умолчанию 50. |
93 | правильно Используется со свойством position для размещения правого края элемента. |
94 | размер Свойство size используется на страничном носителе для указания размера страницы. |
95 | разговаривать Определяет, как озвучивается содержимое элемента. |
96 | говорить-заголовок Определяет, произносятся ли заголовки таблиц один раз для каждой строки или столбца или каждый раз, когда произносится ячейка. |
97 | говорить с цифрой Определяет, как произносятся цифры. |
98 | говорить-пунктуация Определяет, произносится ли пунктуация или используется для перегиба. |
99 | скорость речи Устанавливает скорость речи; число устанавливает скорость в словах в минуту. |
100 | стресс Устанавливает напряжение голоса от 0 (кататонический) до 100 (гиперактивный); по умолчанию 50. |
101 | сервировка стола Определяет алгоритм отображения таблицы. |
102 | выравнивание текста Устанавливает стиль выравнивания текста для элемента. |
103 | текст-украшение Определяет любое оформление текста; значения могут быть объединены. |
104 | отступ текста Определяет отступ первой строки текста в элементе; по умолчанию 0. |
105 | текстовая тень Создает тени для текста разного цвета и смещения. |
106 | текстовое преобразование Соответственно преобразует текст в элементе. |
107 | Топ Используется со свойством position для размещения верхнего края элемента. |
108 | вертикальное выравнивание Устанавливает вертикальное расположение элемента. |
109 | видимость Определяет, отображается ли элемент в документе или таблице. |
110 | голосовая семья Выбирает именованное семейство голосов для озвучивания содержимого элемента. |
111 | объем Устанавливает громкость разговорного контента; числовые значения варьируются от 0 до 100. |
112 | белое пространство Определяет, как обрабатываются пробелы внутри элемента. |
113 | вдовы Устанавливает минимальное количество строк, разрешенное во фрагменте абзаца без вдовы. |
114 | ширина Определяет ширину элемента. |
115 | межсловный интервал Вставляет дополнительный пробел между словами. |
116 | z-индекс Устанавливает слой рендеринга для текущего элемента. |
Псевдоклассы и псевдоэлементы
Sr. No. | Описание недвижимости |
---|---|
1 | : active Используйте этот класс, чтобы добавить специальный эффект к активированному элементу. |
2 | : focus Используйте этот класс для добавления специального эффекта к элементу, когда элемент находится в фокусе. |
3 | : hover Используйте этот класс для добавления специального эффекта к элементу при наведении на него указателя мыши. |
4 | :ссылка Используйте этот класс, чтобы добавить особый эффект к непосещенной ссылке. |
5 | : посетил Используйте этот класс, чтобы добавить особый эффект к посещенной ссылке. |
6 | :Первый ребенок Используйте этот класс, чтобы добавить специальный эффект к элементу, который является первым дочерним элементом какого-либо другого элемента. |
7 | : lang Используйте этот класс, чтобы указать язык для использования в указанном элементе. |
8 | :первое письмо Используйте этот элемент, чтобы добавить особый эффект к первой букве текста. |
9 | :первая строка Используйте этот элемент, чтобы добавить специальный эффект к первой строке текста. |
10 | :до Используйте этот элемент для вставки некоторого содержимого перед элементом. |
11 | :после Используйте этот элемент для вставки некоторого содержимого после элемента. |