Нравится сайт? Поддержи его донатом в 10-20$
С вашей поддержкой автор code.mu сможет вести дальнейшую работу над сайтом
Бесплатная онлайн лекция "Асинхронность в JavaScript". Начало: 21 января в 20.00. Продолжительность: 1.5-2 часа. Жми для записи!

Справочник по CSS

Самое нужное

размер текста курсивный текст жирный текст межстрочный интервал поработать семейство (тип) шрифта ссылку на веб безоп сокращение для шрифта красная строка выравнивание текста

Редкое

под- над- пере- черкивание расположение линии у текста тип линии у текста цвет линии у текста смена регистра маленькие заглавные буквы пользовательский шрифт контроль размера шрифта че то не работает ширина текста (?) todo промежуток между буквами промежуток между словами выравнивание последней строки выравнивание по вертикали доработать статью, примеры сделать вид кавычек кернинг шрифта цвет заливки символов текста ориентация символов в вертикальном тексте обводка символов текста цвет обводки символов текста толщина обводки символов текста направление текста

Переносы

пробелы и переносы переносы длинных слов переносы длинных слов обрезание, полосы прокрутки overflow по горизонтали overflow по вертикали размер табуляции добавление троеточия расстановка переносов ограничение текста количеством строк

Цвет

цвет текста

Границы

сокращение для границы левая граница правая граница верхняя граница нижняя граница толщина границы тип границы цвет границы толщина левой границы толщина правой границы толщина верхней границы толщина нижней границы тип левой границы тип правой границы тип верхней границы тип нижней границы цвет левой границы цвет правой границы цвет верхней границы цвет нижней границы

Скругление

скругленные уголки эл скругл отдел статью верхний левый угол верхний правый угол нижний левый угол нижний правый угол

Рамка

сокращение для рамки толщина рамки тип рамки цвет рамки смещение рамки

Фон

свойство-сокращение для фона несколько фонов, примеры тут цвет фона картинка фона последний пример - цвет правильно поведение фона при прокрутке позиция фоновой картинки отсчет справа - отдел статью способ повторения фона позиция картинки фона позиция фона позиция фона по горизонтали позиция фона по вертикали размер картинки фона размытие фона яркость фона контрастность фона тень фона цветность фона инвертирование цвета фона прозрачность фона сепия фона эффекты фона наложение фонового изображения на фоновый цвет режим наложения исходного цвета на фон стиль для фона

Тени

тень текста тень контейнера

Прозрачность

прозрачность ссылку на rgba видимость элементов

Градиенты

линейный радиальный повторяющийся линейный повторяющийся радиальный

Обрезание

обрезание создает область отсечения для элемента сокращенное свойство для работы с масками определяет положение маски относительно элемента задает изображение для маски определяет как маска взаимодействует с фоном определяет размер маски определяет повторение маски определяет область позиционирования маски определяет область отсечения маски определяет как несколько масок комбинируются

Картинка границы

граница в виде картинки путь к картинке границы разбиение картинки для границы на части способ повторения картинки границы сдвиг картинки границы масштабирование картинки границы

Работа с мышкой

выделение текста запрет выделения текста поддержка реакция на мышь вид курсора допилить попозже

Стиль

приоритет стиля стиль для типа носителя стиль элементов, возможности которых поддерживаются браузером импорт CSS-файла в текущую стилевую таблицу стиль элементов по умолчанию стиль элементов в полноэкранном режиме стиль элементов с заданным диапазоном значений стиль для переключателей, которые находятся в неопределенном состоянии стиль для инпута, в который ввели неправильное значение стиль для инпута, у которого нет атрибута required стиль элементов, значения которых выходит за рамки диапазона стиль элементов при отображении текста-подсказки стиль инпутов с атрибутом readonly стиль инпутов, доступных для изменения стиль для инпута, у которого задан атрибут required стиль для инпутов, в которых ввели правильное значение цвет текстового курсора в инпуте стиль элементов в фокусе прокрутка внутри элемента

Списки

тип маркеров списка позиция маркеров картинка для маркеров сокращение для списков

Таблицы

схлопывание границ расстояние между ячейками отображение пустых ячеек расчет ячеек таблицы надо более полно расписать

Ссылки

ссылка до посещения посещенная ссылка наведение на ссылку нажатие на ссылку

Формы

инпут в фокусе подсказка в инпуте отмеченный флажок или радио неактивный инпут активный инпут

Размеры

ширина блока высота блока ссылку на высоту в % минимальная ширина максимальная ширина минимальная высота максимальная высота пример нужен

Отступы

внешний отступ ссылку выравнивание по центру, на схлоп, ссылку на отриц марджин внешний отступ сверху внешний отступ снизу внешний отступ слева внешний отступ справа внутренний отступ расширение элементов внутренний отступ сверху внутренний отступ снизу внутренний отступ слева внутренний отступ справа конечный внутренний отступ элемента по блочной оси начальный внутренний отступ элемента по блочной оси конечный внутренний отступ элемента по строчной оси начальный внутренний отступ элемента по строчной оси

Разное

способ рассчета padding, border и width способ отображение элементов допилить изменение размера соотношение сторон элемента масштабирование элементов

Вычисления

математические операции больше примеров ограничение значения в диапазоне минимальное из значений поддержка максимальное из значений поддержка

Единицы размеров

размер в пикселях размер в em размер в rem размер в процентах размер в фракциях размер в vw размер в vh размер в vmax размер в vmin

Флексы

направление осей выравнивание по главной оси выравнивание по поперечной оси многострочная расстановка блоков сокращение для flex-direction и flex-wrap выравнивание блока по поперечной оси порядок следования точно отриц можно? базовый размер блока "жадность" блока фактор "сжимаемости" блока сокращение для flex-grow, flex-shrink и flex-basis

Гриды

начальная позиция элемента в столбце конечная позиция элемента в столбце начальная и конечная позиции элемента в столбце начальная позиция элемента в ряду конечная позиция элемента в ряду начальная и конечная позиции элемента в ряду количество и ширина столбцов в гриде количество и ширина столбцов в неявном гриде количество и ширина рядов в гриде количество и ширина рядов в неявном гриде размещение элементов в гриде имя элемента в гриде расстояние между элементами в гриде расстояние между рядами в гриде расстояние между столбцами в гриде сокращенная запись свойств сетки автоматическое размещение элементов в сетке количество и ширина столбцов и рядов для элемента выравнивание по поперечной или вертикальной оси выравнивание элементов внутри ячеек грида по горизонтальной оси выравнивание элементов внутри ячеек грида выравнивание отдельного элемента в гриде по горизонтальной оси выравнивание отдельного элемента в гриде выравнивание по главной и поперечной осям

Позиционирование

позиционирование примеры и лучше распис позиция по оси Z поработать еще расположение после первого элемента позиция нижнего края элемента позиция верхнего края элемента позиция левого края элемента позиция правого края элемента позиция заголовка таблицы

Обтекание

плавающие элементы поработать еще, clear вынести отменяет float для вышестоящих элементов определяет форму обтекания отступ при обтекании

Колонки

количество колонок расстояние между колонками граница между колонками ширина колонок растяжение элемента на колонки ширина и количество колонок примеры

Отрицание

отрицание больше текста

По позиции

первый потомок родителя последний потомок родителя n-ный потомок родителя параметры вынести отдельно n-ный потомок родителя с конца единственный потомок родителя

По типу и позиции

первый потомок родителя заданного типа последний потомок родителя заданного типа n-ный потомок родителя заданного типа n-ный потомок родителя заданного типа с конца единственный потомок родителя заданного типа

Разное

пустой элемент по языку текста целевой элемент примеры, больше описания

Часть текста

первая буква первая строка текста

Плавные переходы

время выполнения задержка перед выполнением анимируемое свойство скорость анимации свойство-сокращение

Анимация

ключевые кадры анимации название анимации время выполнения задержка перед выполнением скорость анимации количество повторов направление анимации состояние анимации пауза свойство-сокращение

Трансформации

трансформация точка преобразования

Поворот

поворот поворот по оси X поворот по оси Y поворот по оси Z поворот по всем осям разобраться с вектором

Масштабирование

масштабирование отриц значения масштабирование по оси X масштабирование по оси Y масштабирование по оси Z не работает масштабирование по всем осям

Скос

скос скос по оси X скос по оси Y скос по оси Z масштабирование по всем осям

Сдвиг

сдвиг сдвиг по оси X сдвиг по оси Y сдвиг по оси Z сдвиг по всем осям

Вставка текста

текст после элемента текст до элемента текст для after и before содержимое атрибута допилить

Счетчики

автоматическая нумерация элементов сброс счетчика

Селекторы

контекстный селектор дочерний селектор соседний селектор родственный селектор универсальный селектор

Селекторы

селектор по имени атрибута селектор по значению атрибута селектор по началу значения атрибута селектор по концу значения атрибута селектор атрибута по тексту селектор по одному из значений атрибута селектор атрибута по дефису в значении
Русский
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить