Самое мощное и интересное здесь не в том, что производится какое-то изменение какого-то участка( элемента) страницы сайта. Вся интересная и необходимая информация в том, что свойство, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера. Всегда и при любых обстоятельствах.
| Свойство | Описание | CSS |
|---|---|---|
| @keyframes | Спецификации анимации | 3 |
| animation | Сокращенное свойство для всех свойств анимации ниже, за исключением animation-play-state | 3 |
| animation-delay | Указывает на начало анимации | 3 |
| animation-direction | Указывает направление анимации | 3 |
| animation-duration | Указывает, сколько секунд или миллисекунд анимации требуется, чтобы завершить один цикл | 3 |
| animation-fill-mode | Указывает, какие значения будут применены анимации | 3 |
| animation-iteration-count | Указывает количество раз, счетчик анимации | 3 |
| animation-name | Указывает имя @ключевых кадров анимации | 3 |
| animation-timing-function | Указывает кривую скорости анимации | 3 |
| animation-play-state | Указывает, будет ли анимация работает или приостановлена | 3 |
| Свойства | Описание | CSS |
|---|---|---|
| background | Задает все свойства фона в одной декларации | 1 |
| background-attachment | Определяет, будет ли фоновое изображение фиксировано или будет прокручиваться вместе со страницей | 1 |
| background-color | Устанавливает цвет фона элемента | 1 |
| background-image | Задает фоновое изображение для элемента | 1 |
| background-position | Устанавливает начальное положение фонового изображения | 1 |
| background-repeat | Задает повторение фонового изображения | 1 |
| background-clip | Определяет области рисования фона | 3 |
| background-origin | Задает область расположения фонового изображения | 3 |
| background-size | Задает размер фоновых изображений | 3 |
| Свойства | Описание | CSS |
|---|---|---|
| border | Задает все свойства границы в одной декларации | 1 |
| border-bottom | Задает нижнюю границу свойства в одной декларации | 1 |
| border-bottom-color | Устанавливает цвет нижней границы | 1 |
| border-bottom-style | Устанавливает стиль нижней границы | 1 |
| border-bottom-width | Устанавливает ширину нижней границы | 1 |
| border-color | Устанавливает цвет четырех границ | 1 |
| border-left | Устанавливает свойства левой границы в одной декларации | 1 |
| border-left-color | Устанавливает цвет левой границы | 1 |
| border-left-style | Устанавливает стиль левой границы | 1 |
| border-left-width | Устанавливает ширину левой границы | 1 |
| border-right | Задает все свойства правой границы в одной декларации | 1 |
| border-right-color | Устанавливает цвет правой границы | 1 |
| border-right-style | Устанавливает стиль правой границы | 1 |
| border-right-width | Устанавливает ширину правой границы | 1 |
| border-style | Задает стиль всех четырех сегментов границы | 1 |
| border-top | Задает все свойства верхней границы в одной декларации | 1 |
| border-top-color | Устанавливает цвет верхней границы | 1 |
| border-top-style | Устанавливает стиль верхней границы | 1 |
| border-top-width | Устанавливает ширину верхней границы | 1 |
| border-width | Устанавливает ширину четырех границ | 1 |
| outline | Задает все свойства контура в одной декларации | 2 |
| outline-color | Задает цвет контура | 2 |
| outline-style | Устанавливает стиль контура | 2 |
| outline-width | Задает ширину контура | 2 |
| border-bottom-left-radius | Определяет форму границы в нижнем левом углу | 3 |
| border-bottom-right-radius | Определяет форму границы в нижнем правом углу | 3 |
| border-image | Сокращенное свойство для установки всех border-image свойств | 3 |
| border-image-outset | Определяет величину, на которую области изображения границы, выходит за границы поле | 3 |
| border-image-repeat | Определяет, является ли изображение-границей или должна быть повторена, округлить или растягивать | 3 |
| border-image-slice | Указывает внутренние смещения изображения-границы | 3 |
| border-image-source | Определяет изображение, которое будет использовано в качестве границы | 3 |
| border-image-width | Определяет ширину изображения-границы | 3 |
| border-radius | Сокращенное свойство для установки всех свойств четырех границ-радиусов | 3 |
| border-top-left-radius | Определяет форму границы верхнего левого угла | 3 |
| border-top-right-radius | Определяет форму границы верхнем углу | 3 |
| box-decoration-break | 3 | |
| box-shadow | Придает тени на поле | 3 |
| Свойство | Описание | CSS |
|---|---|---|
| overflow-x | Указывает, нужно ли обрезать левый/правый края содержимого, если оно переполняет содержимого элемента окна | 3 |
| overflow-y | Указывает, нужно ли обрезать верхнюю/нижнюю границы содержимого, если оно переполняет содержимого элемента окна | 3 |
| overflow-style | Определяет предпочтительный метод прокрутки элементов переполнения | 3 |
| rotation | Поворачивает элемент в районе данной точки, определяемой как точка вращения | 3 |
| rotation-point | Определяет точку, как смещение от верхней левой границы | 3 |
| Свойства | Описание | CSS |
|---|---|---|
| color-profile | Позволяет определить цвет профиля по умолчанию | 3 |
| opacity | Задает уровень непрозрачности( или прозрачности) для элемента | 3 |
| rendering-intent | Позволяет определить спецификацию цветового профиля рендеринга(не по умолчанию) | 3 |
| Свойство | Описание | CSS |
|---|---|---|
| bookmark-label | Задает метку в закладки | 3 |
| bookmark-level | Определяет уровень закладки | 3 |
| bookmark-target | Задает целевую ссылку закладки | 3 |
| float-offset | Располагает элементы в обратном направлении, нежели в котором они были размещены по float | 3 |
| hyphenate-after | Задает минимальное количество символов в переносимом слове после переноса | 3 |
| hyphenate-before | Задает минимальное количество символов в переносимом слове до переноса | 3 |
| hyphenate-character | Задает строку, которая отображается, когда в расстановке переносов происходит разрыв | 3 |
| hyphenate-lines | Указывает максимальное число последовательных переносов в элементе | 3 |
| hyphenate-resource | Разделенный запятыми список внешних ресурсов, которые могут помочь браузеру определить точки переноса | 3 |
| hyphens | Устанавливает, как разделять слова, чтобы улучшить макет в пунктах | 3 |
| image-resolution | Указывает правильное разрешение изображения | 3 |
| marks | Добавляет crop и/или cross к документу | 3 |
| string-set | 3 |
| Свойство | Описание | CSS |
|---|---|---|
| height | Устанавливает высоту элемента | 1 |
| max-height | Устанавливает максимальную высоту элемента | 2 |
| max-width | Устанавливает максимальную ширину элемента | 2 |
| min-height | Устанавливает минимальную высоту элемента | 2 |
| min-width | Устанавливает минимальную ширину элемента | 2 |
| width | Задает ширину элемента | 1 |
| Свойство | Описание | CSS |
|---|---|---|
| box-align | Указывает способ выравнивания дочерних элементов | 3 |
| box-direction | Задает направление, в котором отображаются наследующие свойства | 3 |
| box-flex | Указывает, наследуют ли дочерние элементы гибкие или негибкие свойства | 3 |
| box-flex-group | Назначает гибкие элементы flex групп | 3 |
| box-lines | Указывает, должны ли столбцы выполнять переход на новую строку всякий раз, когда она выходит за пределы пространства в родительском окне | 3 |
| box-ordinal-group | Определяет порядок отображения дочерних элементов | 3 |
| box-orient | Указывает, наследует ли дочерние элементы горизонтальное или вертикальное свойство | 3 |
| box-pack | Определяет горизонтальное положение по горизонтали и вертикальное по вертикали | 3 |
| Свойство | Описание | CSS |
|---|---|---|
| font | Задает все свойства шрифта в одной декларации | 1 |
| font-family | Задает шрифт для текста | 1 |
| font-size | Задает размер шрифта текста | 1 |
| font-style | Определяет стиль шрифта для текста | 1 |
| font-variant | Определяет, будет ли текст отображен | 1 |
| font-weight | Задает вес( жирность) шрифта | 1 |
| @font-face | Правило, которое позволяет веб-сайтам скачать и использовать другие шрифты | 3 |
| font-size-adjust | Сохраняет читаемость текста шрифта отката | 3 |
| font-stretch | Выбор нормального, сжатого или расширенного начертания из гарнитуры шрифтов | 3 |
| Свойство | Описание | CSS |
|---|---|---|
| content | Используется с :before и :after псевдо-элементы, вставки генерируемого содержимого | 2 |
| counter-increment | С шагом один, несколько счетчиков | 2 |
| counter-reset | Создает или сбрасывает один, несколько счетчиков | 2 |
| quotes | Устанавливает тип кавычек для встраиваемых котировок | 2 |
| crop | Позволяет заменить элемент на прямоугольную область объекта, а не весь объект | 3 |
| move-to | Элемент будет удален из потока или вновь на более позднем этапе в документе | 3 |
| page-policy | Определяет, какие страницы созданы на основе данного элемента, применяется счетчик или строковое значение | 3 |
| Свойство | Описание | CSS |
|---|---|---|
| grid-columns | Определяет ширину каждого столбца в таблице | 3 |
| grid-rows | Задает высоту каждого столбца в таблице | 3 |
| Свойство | Описание | CSS |
|---|---|---|
| target | Сокращенное свойство для параметра target-name и target-position | 3 |
| target-name | Указывает, где открывается ссылка( целевого назначения) | 3 |
| target-new | Указывает, будут ли новые значения ссылки открываться в новом окне или в новой вкладке окна | 3 |
| target-position | Указывает, где новые значения ссылки будут размещены | 3 |
| Свойство | Описание | CSS |
|---|---|---|
| alignment-adjust | Позволяет более точное выравнивание элементов | 3 |
| alignment-baseline | Определяет, в каком виде строкового уровня элемент выравнивается относительно его родительского блока | 3 |
| baseline-shift | Позволяет изменить положение элемента по отношению к доминирующей-базовый | 3 |
| dominant-baseline | Задает масштаб исходной таблицы | 3 |
| drop-initial-after-adjust | Устанавливает выравнивание точки первоначального падения для основного соединения | 3 |
| drop-initial-after-align | Задает выравнивание строки в исходной строке;используется в начальной точке соединения с начальной letter box | 3 |
| drop-initial-before-adjust | Устанавливает выравнивание начальной точки падения к средней точке подключения | 3 |
| drop-initial-before-align | Задает выравнивание строки в исходной строке; используется на вторичной точке соединения с начальной letter box | 3 |
| drop-initial-size | Контролирует частичное затопление | 3 |
| drop-initial-value | Активирует drop-initial эффект | 3 |
| inline-box-align | Устанавливает строку многоканального встроенного блока; согласовывает с предыдущими и следующими (inline) элементами в строке | 3 |
| line-stacking | Сокращенное свойство для установки линии-укладка-стратегии, линии-укладка-Руби, и линия-укладка-shift свойств | 3 |
| line-stacking-ruby | Устанавливает строку для блочных элементов, содержащих ruby элементы | 3 |
| line-stacking-shift | Устанавливает строку для блочных элементов, содержащих элементы с base-shift | 3 |
| line-stacking-strategy | Устанавливает строку стратегии для укладки линейных блоков внутри контейнера элементов | 3 |
| text-height | Устанавливает строку для укладки в линейные блоки внутри контейнера элементов | 3 |
| Свойство | Описание | CSS |
|---|---|---|
| list-style | Задает все свойства списка в одной декларации | 1 |
| list-style-image | Позволяет задать изображение в качестве list-item маркера | 1 |
| list-style-position | Указывается, если элемент списка маркеры должны находиться внутри или вне потока контента | 1 |
| list-style-type | Указывает тип list-item маркера | 1 |
| Свойство | Описание | CSS |
|---|---|---|
| margin | Задает все свойства полей в одной декларации | 1 |
| margin-bottom | Задает нижнюю границу элемента | 1 |
| margin-left | Задает левое поле элемента | 1 |
| margin-right | Устанавливает правую границу элемента | 1 |
| margin-top | Задает верхнее поле элемента | 1 |
| Свойство | Описание | CSS |
|---|---|---|
| marquee-direction | Устанавливает направление перемещения содержимого | 3 |
| marquee-play-count | Устанавливает, сколько раз совершено перемещение содержимого | 3 |
| marquee-speed | Устанавливает, насколько быстро содержимое прокручивается | 3 |
| marquee-style | Устанавливает стиль перемещения содержимого | 3 |
| Свойство | Описание | CSS |
|---|---|---|
| column-count | Задает количество столбцов элементы должны быть разделены | 3 |
| column-fill | Указывает способ заполнения столбцов | 3 |
| column-gap | Указывает промежуток между столбцами | 3 |
| column-rule | Сокращенное свойство для установки всех столбцов правила-свойства | 3 |
| column-rule-color | Задает цвет правило между столбцами | 3 |
| column-rule-style | Задает стиль правило между столбцами | 3 |
| column-rule-width | Задает ширину правило между столбцами | 3 |
| column-span | Задает ширину правило между столбцами | 3 |
| column-width | Задает ширину столбцов | 3 |
| columns | Сокращенное свойство для настройки ширины столбца и счетчика столбцов | 3 |
| Свойство | Описание | CSS |
|---|---|---|
| padding | Задает все свойства отступов в одной декларации | 1 |
| padding-bottom | Задает отступ слева элемента | 1 |
| padding-left | Устанавливает левый отступ элемента | 1 |
| padding-right | Задает отступ справа элемента | 1 |
| padding-top | Устанавливает верхний отступ элемента | 1 |
| Свойство | Описание | CSS |
|---|---|---|
| fit | Дает подсказку, какой масштаб заменяемого элемента, если ни ширины, ни высоты,то свойство auto | 3 |
| fit-position | Определяет выравнивание объекта внутри коробки | 3 |
| image-orientation | Задает вращение правое или левое, что агент пользователя применяется к изображению | 3 |
| page | Указывает конкретный тип страницы, на которой будет отображен элемент | 3 |
| size | Определяет размер и ориентацию, содержащий поле для содержимое страницы | 3 |
| Свойство | Описание | CSS |
|---|---|---|
| bottom | Задает нижнюю позицию позиционируемого элемента | 2 |
| clear | Указывает, какие стороны элемента, где другие плавающие элементы не допускаются( очищает) | 1 |
| clip | Клипы абсолютно позиционированный элемент | 2 |
| cursor | Определяет тип курсора | 2 |
| display | Указывает, как некоторые HTML-элементы должны быть отображены | 1 |
| float | Указывает, является ли поле float( с какой стороны обходить) | 1 |
| left | Указывает положение слева позиционируемого элемента | 2 |
| overflow |
Указывает, что произойдет, если содержимое превышает поле | 2 |
| position | Указывает тип позиционирования метод, используемый для элемента( статические, относительные, абсолютные или фиксированная) | 2 |
| right | Указывает нужное положение позиционируемого элемента | 2 |
| top | Указывает верхнее положение позиционируемого элемента | 2 |
| visibility | Указывает, должен ли элемент быть видимым | 2 |
| z-index | Устанавливает порядок стека из позиционируемого элемента | 2 |
| Свойство | Описание | CSS |
|---|---|---|
| orphans | Устанавливает минимальное количество строк, которые должны быть оставлены в нижней части страницы, когда происходит разрыв страницы внутри элемента | 2 |
| page-break-after | Устанавливает страницу-ломая поведение после элемента | 2 |
| page-break-before | Устанавливает страницу-ломая поведение перед элементом | 2 |
| page-break-inside | Устанавливает страницу-ломая поведение внутри элемента | 2 |
| widows | Устанавливает минимальное число строк, которые должны быть оставлены в верхней части страницы, когда происходит разрыв страницы внутри элемента | 2 |
| Свойство | Описание | CSS |
|---|---|---|
| ruby-align | Контролирует выравнивание текста в тексте ruby и ruby содержание базы относительно друг друга | 3 |
| ruby-overhang | Определяет, будет ли, и на чьей стороне, транскрипция; разрешено частичный свес на любой соседний текст в дополнение к своей базе, когда Руби текст шире, чем база ruby | 3 |
| ruby-position | Контролирует положение ruby текста относительно его базового | 3 |
| ruby-span | Контролирует поведение связующего элемента | 3 |
| Свойство | Описание | CSS |
|---|---|---|
| mark | Сокращенное свойство для установки знака до и после | 3 |
| mark-after | Позволяет иметь маркеры для того, чтобы быть подключен к аудио потоку | 3 |
| mark-before | Позволяет иметь маркеры для того, чтобы быть подключен к аудио потоку | 3 |
| phonemes | Определяет фонетическое произношение текста, содержащегося в соответствующем элементе | 3 |
| rest | Сокращенное свойство для настройки остальных до и после | 3 |
| rest-after | Указывает остановку или просодическую границу после сказанного содержимого элемента | 3 |
| rest-before | Указывает оставщую часть или просодическую границу, прежде чем сказать о содержимом элемента | 3 |
| voice-balance | Определяет баланс между левым и правым каналами | 3 |
| voice-duration | Определяет, как долго она должна смотреть, чтобы отобразить выбранный элемент | 3 |
| voice-pitch | Задает среднюю высоту (частоту) голоса | 3 |
| voice-pitch-range | Определяет различия в среднем поле | 3 |
| voice-rate | Контролирует скорость речи | 3 |
| voice-stress | Указывает на силу акцента | 3 |
| voice-volume | Относится к амплитуде выходного сигнала с помощью синтеза речи | 3 |
| Свойство | Описание | CSS |
|---|---|---|
| border-collapse | Указывает, свернуть ли или нет границы таблицы | 2 |
| border-spacing | Определяет расстояние между границами соседних ячеек | 2 |
| caption-side | Указывает размещение заголовок таблицы | 2 |
| empty-cells | Указывает, следует ли отображать границы и фона на пустые клетки в таблице | 2 |
| table-layout | Устанавливает макет алгоритма, который будет использоваться для таблицы | 2 |
| Свойство | Описание | CSS |
|---|---|---|
| color | Устанавливает цвет текста | 1 |
| direction | Указывает направление текста/записи направление | 2 |
| letter-spacing | Увеличивает или уменьшает расстояние между символами в тексте | 1 |
| line-height | Устанавливает высоту строки | 1 |
| text-align | Определяет горизонтальное выравнивание текста | 1 |
| text-decoration | Указывает украшения текста | 1 |
| text-indent | Задает отступ первой строки в текстовом блоке | 1 |
| text-transform | Контролирует преобразование текста | 1 |
| unicode-bidi | Устанавливает возвращать ли текст или должен быть переопределен для поддержки нескольких языков в одном документе | 2 |
| vertical-align | Устанавливает вертикальное выравнивание элемента | 1 |
| white-space | Определяет как пробелы внутри элемента обрабатывается | 1 |
| word-spacing | Увеличивает или уменьшает интервал между словами в тексте | 1 |
| hanging-punctuation | Определяет, является ли символ пунктуации или размещен за пределами линейного блока | 3 |
| punctuation-trim | Определяет, является ли символ пунктуации или должен быть обрезан | 3 |
| text-align-last | Описывается последняя строка блока или линия прямо перед принудительным разрывом строки | 3 |
| text-justify | Указывает обоснование метода, использованного при text-align | 3 |
| text-outline | Задает текст, наброски | 3 |
| text-overflow | Указывает, что должно произойти, когда текст полностью не помещается в элемент | 3 |
| text-shadow | Добавляет к тексту тень | 3 |
| text-wrap | Задает строку нарушая правила для текста | 3 |
| word-break | Задает линии нарушая правила | 3 |
| word-wrap | Позволяет быть разбитым и переносить на следующую строку | 3 |
| Свойство | Описание | CSS |
|---|---|---|
| transform | Применяется в 2D-или 3D-преобразования элемента | 3 |
| transform-origin | Позволяет изменить положение трансформированных элементов | 3 |
| transform-style | Указывает, каким образом вложенные элементы отображаются в 3D пространстве | 3 |
| perspective | Задает перспективу, как элементы 3D просмотра | 3 |
| perspective-origin | Задает нижнюю позицию 3D-элементов | 3 |
| backface-visibility | Определяет, является ли элемент видимым, когда не перед дисплеем | 3 |
| Свойство | Описание | CSS |
|---|---|---|
| transition | Сокращенное свойство для установки четырех свойств перехода | 3 |
| transition-property | Задает имя CSS-свойство переходный эффект | 3 |
| transition-duration | Сколько секунды или миллисекунды, необходимое для выполнения эффект перехода | 3 |
| transition-timing-function | Задает скорость кривой эффекта перехода | 3 |
| transition-delay | Указывает, когда начнется эффект перехода | 3 |
| Свойство | Описание | CSS |
|---|---|---|
| appearance | Позволяет показать как выглядит стандартный элемент пользовательского интерфейса | 3 |
| box-sizing | Позволяет определять отдельные элементы, чтобы соответствовали определенным образом | 3 |
| icon | Предоставляет автору возможность оформить логотип сайта | 3 |
| nav-down | Указывает, какая клавиша вниз навигации | 3 |
| nav-index | Задает порядок следования для элемента | 3 |
| nav-left | Указывает, куда перемещаться с помощью клавиш-левая клавиша навигации | 3 |
| nav-right | Указывает, куда перемещаться с помощью клавиш-правая клавиша навигации | 3 |
| nav-up | Указывает, где навигации при помощи клавиши " стрелка вверх джойстик | 3 |
| outline-offset | Смещения контура, и обращает его за пределы края | 3 |
| resize | Указывает, должен ли пользователь изменять размер элемента | 3 |
seosait21.ru |
seosait21.ru |
seosait21.ru |
| HTML ссылка | CSS ссылка | ... |
seosait21.ru |
seosait21.ru |
seosait21.ru |
| JavaScript ссылка | PHP ссылка | JQuery ссылка |
seosait21.ru |
seosait21.ru |
seosait21.ru |
| ... | ... | ... |