Css все команды: Справочник CSS | htmlbook.ru

Содержание

border-bottom | htmlbook.ru

Internet Explorer Chrome Opera Safari Firefox Android iOS
6.0+ 8.0+ 1.0+ 3.5+ 1.0+ 1.0+ 1.0+ 1.0+

Краткая информация

Версии CSS

Описание

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

Синтаксис

border-bottom: [border-width || border-style || border-color] | inherit

Значения

Значение border-width определяет толщину границы.
Для управления ее видом предоставляется несколько значений свойства border-style.
Их названия и результат действия представлен на рис. 1.

Рис.1. Стили рамок

border-color устанавливает цвет границы, значение
может быть в любом допустимом для CSS формате.

inherit наследует значение родителя.

Пример

HTML5CSS2.1IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>border-bottom</title>
  <style>
   .panel {
    background: #ccc; /* Цвет фона */
   } 
   .panel P.content {
    padding: 5px; /* Добавляем поля */
    margin: 0; /* Убираем отступы у параграфа */
    border-top: 2px dotted white; /* Параметры линии вверху */
   }
   .panel P.title {
    font-family: sans-serif; /* Рубленый шрифт */
    font-weight: bold; /* Жирное начертание */
    font-size: 90%; /* Размер шрифта */
    padding: 5px; /* Добавляем поля */
    margin: 0; /* Убираем отступы у параграфа */
    background: maroon; /* Цвет фона */
    color: white; /* Цвет текста */
    border-bottom: 2px solid white; /* Параметры линии внизу */
   }
  </style>
 </head>
 <body> 
  <div>
  <p>Lorem ipsum dolor sit amet</p>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, 
     sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna 
     aliguam erat volutpat. </p>
  </div>
 </body>
</html>

Результат данного примера показан на рис. 2.

Рис. 2. Применение свойства border-bottom

Объектная модель

[window.]document.getElementById(«elementID»).style.borderBottom

Браузеры

Браузер Internet Explorer до шестой версии включительно при толщине границы 1px отображает dotted как dashed. При толщине 2px и выше значение dotted работает корректно. Эта ошибка исправлена в IE7, но только для всех границ толщиной 1px. Если одна из границ блока имеет толщину 2px и выше, то в IE7 значение dotted превращается в dashed.

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit.

Стиль границы в разных браузерах может несколько различаться при использовании значений groove, ridge, inset или outset.

Справочник CSS | PuzzleWeb.ru

Данный справочник предоставляет подробное описание всех CSS свойств с максимально упрощенными примерами, для более легкого понимания работы свойства.



































































































































































Свойство Описание CSS
align-content Задаёт вертикальное выравнивание flex-элементов для flex-контейнеров с многострочным содержимым. 3
align-items Вертикальное выравнивание flex-элементов внутри flex-контейнера. 3
align-self Вертикальное выравнивание flex-элемента. 3
flex Определяет ширину, сжатие и растяжение для flex-элемента. 3
flex-basis Указывает ширину для flex-элемента. 3
flex-direction Направление расположения flex-элементов. 3
flex-flow Направление расположения и возможность переноса для flex-элементов. 3
flex-grow Определяет коэффициент растяжения flex-элемента. 3
flex-shrink Определяет коэффициент сжатия flex-элемента. 3
flex-wrap Определяет возможность переноса flex-элементов. 3
justify-content Горизонтальное выравнивание flex-элементов. 3
order Определяет порядок вывода flex-элементов. 3
Свойство Описание CSS
@keyframes Позволяет создавать анимацию. 3
animation Позволяет установить несколько или все значения свойств animation в одном объявлении. 3
animation-delay Определяет, когда запустится анимация. 3
animation-direction Указывает будет ли анимация проигрываться в реверсе на альтернативных циклах. 3
animation-duration Определяет сколько понадобится времени, чтобы закончить 1 цикл анимации. 3
animation-fill-mode Задаёт стиль для элемента, когда анимация не проигрывается (до её запуска, во время остановки или после её окончания).

По умолчанию CSS анимация не влияет на элемент до тех пор, пока анимация не запуститься, во время паузы и после её завершения. Это и позволяет переопределить свойство animation-fill-mode.
3
animation-iteration-count Определяет сколько раз анимация должна будет проигрываться. 3
animation-name Определяет имя для @keyframes. 3
animation-play-state Указывает будет анимация проигрываться или будет в режиме паузы. 3
animation-timing-function Определяет кривую скорости для анимации. 3
backface-visibility Определяет, должна ли быть видна задняя сторона элемента или нет. 3
Свойство Описание CSS
margin Задает внешние отступы для элемента. 1
margin-bottom Задает нижний внешний отступ для элемента. 1
margin-left Задает левый внешний отступ для элемента. 1
margin-right Задает правый внешний отступ для элемента. 1
margin-top Задает верхний внешний отступ для элемента. 1
padding Устанавливает внутренние отступы в элементе. 1
padding-bottom Задает нижний отступ(внутреннее поле) для элемента. 1
padding-left Задает левый отступ(внутреннее поле) для элемента. 1
padding-right Задает правый отступ(внутреннее поле) для элемента. 1
padding-top Задает верхний отступ(внутреннее поле) для элемента. 1
Свойство Описание CSS
bottom Указывает направление смещения позиционированного элемента от нижнего края. 2
clear Указывает с какой стороны элемента не допускаются плавающие элементы. 1
clip Определяет видимую часть абсолютно позиционированных элементов. 2
display Указывает, как будет отображаться элемент в браузере. 1
float Определяет будет ли элемент плавающим. 1
left Указывает направление смещения позиционированного элемента от левого края. 2
position Определяет метод позиционирования элементов. 2
right Указывает направление смещения позиционированного элемента от правого края. 2
top Указывает направление смещения позиционированного элемента от верхнего края. 2
visibility Определяет, является ли элемент видимым. 2
z-index Указывает порядок расположения элементов по оси Z. 2
Свойство Описание CSS
height Устанавливает фиксированную высоту. 1
max-height Указывает максимальную фиксированную высоту. 2
max-width Указывает максимальную фиксированную ширину. 2
min-height Указывает минимальную фиксированную высоту. 2
min-width Указывает минимальную фиксированную ширину. 2
overflow Определяет, что предпринять, если содержимое элемента превосходит размер области элемента. 2
overflow-x Указывает, обрезать или нет левый/правый край содержимого — если оно переполняет доступную область элемента для его содержания. 3
overflow-y Указывает, обрезать или нет верхний/нижний край содержимого — если оно переполняет доступную область элемента для его содержания. 3
resize Указывает, может ли размер элемента изменяться пользователем. 3
width Устанавливает фиксированную ширину. 1
Свойство Описание CSS
border Позволяет использовать основные свойства границ в одном объявлении. 1
border-bottom Позволяет использовать значения основных свойств для нижней границы рамки в одном объявлении. 1
border-bottom-color Задает цвет для нижней границы рамки. 1
border-bottom-left-radius Позволяет сделать округлую границу нижнего левого угла. 3
border-bottom-right-radius Позволяет сделать округлую границу нижнего правого угла. 3
border-bottom-style Определяет стиль для нижней границы рамки. 1
border-bottom-width Определяет ширину для нижней границы рамки. 1
border-color Задает цвет для границ рамки элемента. 1
border-image Позволяет использовать изображение в качестве рамки. 3
border-left Позволяет использовать значения основных свойств для левой границы рамки в одном объявлении. 1
border-left-color Задает цвет для левой границы рамки. 1
border-left-style Определяет стиль для левой границы рамки. 1
border-left-width Определяет ширину для левой границы рамки. 1
border-radius Позволяет изменить форму углов. 3
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-left-radius Позволяет сделать округлую границу верхнего левого угла. 3
border-top-right-radius Позволяет сделать округлую границу верхнего правого угла. 3
border-top-style Определяет стиль для верхней границы рамки. 1
border-top-width Определяет ширину для верхней границы рамки. 1
border-width Задает ширину для границ рамки элемента. 1
outline Создает внешнюю границу вокруг элемента. 2
outline-color Определяет цвет внешней границы. 2
outline-offset Сдвигает внешнюю границу на заданное расстояние от края элемента. 3
outline-style Указывает стиль для внешней границы. 2
outline-width Указывает ширину для внешней границы. 2
Свойство Описание 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
quotes Определяет тип кавычек для встроенных цитат. 2
text-align Указывает способ выравнивания содержимого по горизонтали. 1
text-decoration Добавляет некоторые элементы декорирования к тексту. 1
text-indent Определяет отступ первой строки в тексте элемента. 1
text-overflow Указывает, что должно произойти, когда текст переполняет содержащий элемент. 3
text-transform Контролирует использование строчных и прописных букв в тексте. 1
vertical-align Определяет вертикальное выравнивание в элементе. 1
white-space Определяет способ обработки пробелов внутри элемента. 1
word-break Определяет правила переноса для не-CJK сценариев. 3
word-spacing Определяет ширину пробелов между словами. 1
word-wrap Позволяет прерывать длинные слова для переноса на другую строку. 3
Свойство Описание CSS
perspective Определяет, на сколько пикселей удален 3D элемент от точки обзора. 3
perspective-origin Определяет, где располагается 3D элемент на осях x и y. 3
transform Применяет 2D или 3D преобразование к элементу. 3
transform-origin Позволяет изменить позицию преобразованных элементов. 3
transform-style Определяет, как вложенные элементы будут отображаться в трехмерном пространстве. 3
transition Управляет эффектом трансформации. 3
transition-delay Указывает, когда должен начаться эффект трансформации. 3
transition-duration Указывает продолжительность трансформации. 3
transition-property Указывает название CSS свойства, для которого будет применен эффект трансформации. 3
transition-timing-function Задает кривую скорости для эффекта трансформации. 3
Свойство Описание CSS
background Устанавливает несколько или все значения свойств фона в одном объявлении. 1
background-attachment Указывает будет ли фоновое изображение фиксированным. 1
background-clip Определяет область в элементе, для которой задается фон. 3
background-color Устанавливает цвет фона для элемента. 1
background-image Устанавливает фоновое изображение в элементе. 1
background-origin Указывает область позиционирования для фонового изображения. 3
background-position Устанавливает начальное место для фонового изображения. 1
background-repeat Задает, как фоновое изображение будет повторяться на экране. 1
background-size Указывает размер для фонового изображения. 3
Свойство Описание CSS
font Изменяет стандартный вид текста. 1
@font-face Позволяет использование любого шрифта на странице. 3
font-family Указывает шрифт или семейство шрифтов для текста. 1
font-size Указывает размер для шрифта. 1
font-size-adjust Контролирует размер неосновных шрифтов. 3
font-stretch Регулирует ширину текста. 3
font-style Позволяет изменять стиль текста. 1
font-variant Конвертирует строчные буквы в прописные уменьшенного размера. 1
font-weight Задает ширину символов текста. 1
Свойство Описание CSS
box-sizing Позволяет заставить определенные элементы заполнять область определенным способом. 3
column-count Разделяет элемент на колонки. 3
column-gap Задает расстояние между колонками элемента. 3
column-rule Свойство column-rule позволяет указать значения свойств column-rule-* (ширину, стиль и цвет) в одном объявлении. 3
column-rule-color Определяет цвет границы между колонками. 3
column-rule-style Определяет стиль границы между колонками. 3
column-rule-width Указывает ширину границы между колонками. 3
columns Позволяет использовать значения свойств column-width и column-count в одном объявлении. 3
column-span Указывает элементу количество колонок для обхвата. 3
column-width Определяет ширину колонок. 3
content Определяет содержимое для псевдо-элементов ::before и ::after. 2
counter-increment Увеличивает значение счетчика. 2
counter-reset Устанавливает начальное значение счетчика. 2
cursor Изменяет вид курсора мыши. 2
page-break-after Определяет наличие или отсутствие разрыва страницы после заданного элемента. 2
page-break-before Определяет наличие или отсутствие разрыва страницы перед заданным элементом. 2
page-break-inside Определяет наличие или отсутствие разрыва страницы внутри элемента. 2

Css свойства оформления сайта: обзор самых основных

От автора: приветствую вас. В css есть достаточно много свойств, если так подумать, но действительно важных и наиболее употребляемых не так уж и много. В этой статье я хотел бы кратко описать самые используемые css свойства.

Что нужно знать для начала

Многие ошибочно называют свойства в css тегами. Так вот, это не совсем правильно. Теги – это команды html языка, и только его одного – все они пишутся в угловых скобках. В css же никаких тегов не нужно. Рассмотрим например, типичные правила для оформления веб-страницы, прописанные в таблице стилей:

body{
background: #fff;
color: #ccc;

}

body{

background: #fff;

color: #ccc;

}

Это типичный синтаксис этого языка. Тут все очень просто – вначале пишется селектор (body или любой другой), потом открываются фигурные скобки, в которые и записывают все необходимые свойства и их значения.

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Узнать подробнее

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

Стили для текстового содержимого

Текст – всему голова на веб-странице. Для его оформления есть множество свойств. О них подробно написано в других статьях: Размер шрифта в html, Как задать цвет шрифта в html, Как задать шрифт в html.

С помощью свойств, описанных там, вы сможете сделать с текстом все, что угодно: изменить его размер, начертание, сам шрифт и многое другое.

Например, в css есть возможность определить расстояние между буквами и между отдельными словами. Это делается с помощью letter-spacing и word-spacing соответственно.

Отображение на экране

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

Итак, иногда такое поведение нужно изменить и для этого используется display и множество его значений, но я расскажу лишь о самых основных:

Block – элемент становится блочным (то есть приобретает блочные особенности, даже если он был строчным. С этих пор ему можно записывать размеры, нормально определять внешние отступы и т.д.)

Inline- преобразование в строчный элемент.

Inline-block – блочно-строчный тип. Это такое поведение, при котором элемент сохраняет свои блочные свойства, но при этом может стать в одну строку с другими блоками, если им тоже прописано inline-block и им хватает места по ширине. Стоит помнить, что по умолчанию блок занимает в родителе все свободное место по ширине, потому нужно вручную определить ширину для него (абсолютную или относительную).

Table — преобразование элемента в таблицу (соответственно, есть также значения table-row и table-cell)

None – элемент исчезает со страницы и не оставляет никаких следов, как будто бы его на ней и не было.

Опять же, это не все значения, только самые основные.

Свойства размера

Блоки играют основную роль в создании сайта. Им нужно прописывать определенные размеры, это указывается с помощью таких свойств:

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Узнать подробнее

Width – ширина

Height – высота

Max-width, min-width – максимальная или минимальная ширина. Например, если указать блоку max-width, то эта ширина не будет жесткой, она сможет меняться в зависимости от размеров окна. Если же указать и min-width, то тогда блок не сможет стать уже, чем указанный размер. Такое же можно прописать и для высоты, но это делают гораздо реже.

Также на размеры блочных элементов могут повлиять дополнительные параметры. Например, внутренние отступы. Они задаются с помощью слова padding и значения в пикселях (но можно и в другой величине). Если нужно задать отступ только для одной стороны, можно указать это, дописав к padding- через дефис нужную сторону (left, right и т.д.)

Например, если мы определили ширину контейнера в 600 пикселей, а потом добавили внутренние отступы по бокам в 20 пикселей, то реальная новая ширина составит 640px. Если вы не хотите, чтобы размеры добавлялись, можно воспользоваться таким приемом:

*{
box-sizing: border-box;
}

*{

box-sizing: border-box;

}

В итоге теперь, когда вы будете определять ширину через width, в нее автоматически будут включаться внутренние отступы и рамка. Рамку задают с помощью параметра border. Ее тоже можно определить как для всех сторон, так и для каждой отдельно. Синтаксис таков: border: ширина стиль цвет;

Соответственно, записав так:

div{border: 3px solid blue;}

div{border: 3px solid blue;}

К блокам добавляется синяя рамка со всех сторон толщиной 3 пикселя с каждой. Суммарно ширина увеличивается на 6 пикселей, а если вы не хотите этого, нужно использовать то самое box-sizing.

Цвет и фон

Это основные параметры, которые отвечают за восприятие нами информации. В значении в этим свойствам записывается одно и то же – цвет, который можно определить с помощью ключевых слов, в шестнадцатеричном коде или каком-то цветовом формате (чаще всего rgb). Единственное отличие – цвет определяется с помощью свойства color, а фон – с помощью background.

CSS стили внутри тега – так тоже можно

Правильно будет создавать отдельный файл формата css и в нем писать все необходимые стили, но также существует возможность встроить все стили в html, в один тег. Этот тег – style. Он парный, писать его нужно обязательно в пределах тега head. Используется так:

<style>
p{
font-size: 14px;
}
… другие стили
</style>

<style>

p{

font-size: 14px;

}

… другие стили

</style>

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

Чтобы подробнее познакомиться с основными свойствами, я советую вам пройти наш курс по основам языка CSS, в котором вы можете узнать ту, базу, которая нужна для верстки любого макета. Оставайтесь с webformyself, чтобы увеличивать свои познания в сайтостроении.

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Узнать подробнее

PSD to HTML

Верстка сайта на HTML5 и CSS3 с нуля

Смотреть

HTML 5 Справочник всех тегов онлайн и примеры

= Новое в HTML5.

Тег Описание
<!—…—> Определяет комментарий
<!DOCTYPE>  Определяет тип документа
<a> Определяет гиперссылку
<abbr> Определяет аббревиатуру или акроним
<acronym> Не поддерживается в HTML5. Использовать <abbr> Вместо.
Определяет акроним
<address> Определяет контактные данные автора/владельца документа
<applet> Не поддерживается в HTML5. Использовать <embed> or <object> Вместо.
Определяет встроенный апплет
<area> Определяет область внутри изображения-карты
<article> Определяет статью
<aside> Определяет содержание в стороне от содержимого страницы
<audio> Определяет звуковое содержимое
<b> Определяет полужирный текст
<base> Указывает базовый URL-адрес/цель для всех относительных URL-адресов в документе
<basefont> Не поддерживается в HTML5. Вместо этого используйте CSS.
Задает цвет, размер и шрифт по умолчанию для всего текста в документе
<bdi> Изолирует часть текста, которая может быть отформатирована в другом направлении от другого текста за его пределами
<bdo> Переопределяет текущее направление текста
<big> Не поддерживается в HTML5. Вместо этого используйте CSS.
Определяет большой текст
<blockquote> Определяет раздел, который цитируется из другого источника
<body> Определяет тело документа
<br> Определяет один разрыв строки
<button> Определяет нажатую кнопку
<canvas> Используется для рисования графики, на лету, с помощью сценариев (обычно JavaScript)
<caption> Определяет заголовок таблицы
<center> Не поддерживается в HTML5. Вместо этого используйте CSS.
Определяет центрированный текст
<cite> Определяет название работы
<code> Определяет часть кода компьютера
<col> Задает свойства столбца для каждого столбца в <colgroup> element 
<colgroup> Задает группу из одного или нескольких столбцов в таблице для форматирования
<data> Связывает данное содержимое с машинно-читаемым переводом
<datalist> Задает список предварительно заданных параметров для элементов управления вводом
<dd> Определяет описание/значение термина в списке описания
<del> Определяет текст, который был удален из документа
<details> Определяет дополнительные сведения, которые пользователь может просматривать или скрывать
<dfn> Представляет определяющий экземпляр термина
<dialog> Определяет диалоговое окно или окно
<dir> Не поддерживается в HTML5. Использовать <ul> Вместо.
Определяет список каталогов
<div> Определяет раздел в документе
<dl> Определяет список описания
<dt> Определяет термин/имя в списке описания
<em> Определяет подчеркнутый текст 
<embed> Определяет контейнер для внешнего (не HTML) приложения
<fieldset> Группирует связанные элементы в форме
<figcaption> Определяет заголовок для <figure> Элемент
<figure> Указывает автономное содержимое
<font> Не поддерживается в HTML5. Вместо этого используйте CSS.
Определяет шрифт, цвет и размер текста
<footer> Определяет нижний колонтитул для документа или раздела
<form> Определяет HTML-форму для ввода данных пользователем
<frame> Не поддерживается в HTML5.
Определяет окно (фрейм) в фрейме
<frameset> Не поддерживается в HTML5.
Определяет набор фреймов
<h2> to <h6> Определяет заголовки HTML
<head> Определяет сведения о документе
<header> Определяет заголовок документа или раздела
<hr> Определяет тематическое изменение содержания
<html> Определяет корень HTML-документа
<i> Определяет часть текста в альтернативный голос или настроение
<iframe> Определяет встроенный фрейм
<img> Определяет изображение
<input> Определяет элемент управления вводом
<ins> Определяет текст, вставленный в документ
<kbd> Определяет ввод с клавиатуры
<label> Определяет метку для <input> Элемент
<legend> Определяет заголовок для <fieldset> Элемент
<li> Определяет элемент списка
<link> Определяет связь между документом и внешним ресурсом (наиболее используемым для связывания с таблицами стилей)
<main> Указывает основное содержимое документа
<map> Определяет изображение на стороне клиента-Map
<mark> Определяет выделенный/выделенный текст
<menu> Определяет список/меню команд
<menuitem> Определяет команду/пункт меню, который пользователь может вызвать из всплывающего меню
<meta> Определяет метаданные HTML-документа
<meter> Определяет скалярное измерение в пределах известного диапазона (датчика)
<nav> Определяет навигационные ссылки
<noframes> Не поддерживается в HTML5.
Определяет альтернативное содержимое для пользователей, которые не поддерживают кадры
<noscript> Определяет альтернативное содержимое для пользователей, которые не поддерживают сценарии на стороне клиента
<object> Определяет внедренный объект
<ol> Определяет упорядоченный список
<optgroup> Определяет группу связанных параметров в раскрывающемся списке
<option> Определяет параметр в раскрывающемся списке
<output> Определяет результат вычисления
<p> Определяет абзац
<param> Определяет параметр для объекта
<picture> Определяет контейнер для нескольких ресурсов изображения
<pre> Определяет предварительно отформатированный текст
<progress> Представляет ход выполнения задачи
<q> Определяет краткое предложение
<rp> Определяет, что отображать в обозревателях, не поддерживающих аннотации Ruby
<rt> Определяет объяснение/произношение символов (для восточно-азиатских типографии)
<ruby> Определяет аннотацию Ruby (для восточно-азиатских типографий)
<s> Определяет текст, который больше не является правильным
<samp> Определяет выборку выходных данных из компьютерной программы
<script> Определяет сценарий на стороне клиента
<section> Определяет раздел в документе
<select> Определяет раскрывающийся список
<small> Определяет меньший текст
<source> Определяет несколько мультимедийных ресурсов для элементов мультимедиа (<video> И <audio>)
<span> Определяет раздел в документе
<strike> Не поддерживается в HTML5. Использовать <del> или <s> Вместо.
Определяет текст зачеркивания
<strong> Определяет важный текст
<style> Определяет сведения о стиле для документа
<sub> Определяет текст с подстрочным текстом
<summary> Определяет видимый заголовок для <details> Элемента
<sup> Определяет текст с надписью
<svg> Определяет контейнер для графики SVG
<table> Определяет таблицу
<tbody> Группирует содержимое тела в таблице
<td> Определяет ячейку в таблице
<template> Определяет шаблон
<textarea> Определяет многострочный элемент управления вводом (область текста)
<tfoot> Группирует содержимое нижнего колонтитула в таблице
<th> Определяет ячейку заголовка в таблице
<thead> Группирует содержимое заголовка в таблице
<time> Определяет дату и время
<title> Определяет заголовок документа
<tr> Определяет строку в таблице
<track> Определяет текстовые дорожки для элементов мультимедиа (<video> И <audio>)
<tt> Не поддерживается в HTML5. Вместо этого используйте CSS.
Определяет телетайп текст
<u> Определяет текст, который должен быть стилистически отличается от обычного текста
<ul> Определяет неупорядоченный список
<var> Определяет переменную
<video> Определяет видео или фильм
<wbr> Определяет возможный разрыв строки

основы CSS — Основы CSS — HTML Academy

CSS-правила

CSS — это язык для оформления структурированных документов, например, HTML- документов. Синтаксис — это плоский список CSS-правил. CSS-правило состоит из селектора и перечня свойств и их значений:

селектор {
  свойство: значение;
  свойство: значение;
}

Для комментариев в CSS используются символы /* и */.

Селекторы

Селектор находится в начале CSS-правила, до фигурных скобок, и определяет, к каким HTML-элементам применятся свойства и значения из правила.

.feature-kitten {
  padding-top: 60px;
}

Простейшие (и самые популярные) селекторы — это селекторы по тегам и по классам. Селекторы по тегам содержат имя тега без символов < и > и применяются ко всем подходящим тегам. Селекторы по классам начинаются с точки, за которой идёт имя класса, и применяются ко всем тегам с подходящим атрибутом class.

h2 { color: red; }
.info { color: blue; }

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

Если у CSS-правил отличаются только селекторы, а свойства и значения одинаковые, то их можно сгруппировать через запятую.

Также можно комбинировать любые типы селекторов через пробел. Такие селекторы называются вложенными или контекстными и читаются справа налево. Например:

nav a {…}
  .menu ul {…}
  .post .title {…}

Свойства и значения

Список свойств и значений находится внутри фигурных скобок CSS-правила. Свойство определяет, какую характеристику внешнего вида мы хотим изменить, а значение — как именно.

.feature-kitten {
  padding-top: 60px;
}

Каждый раз, когда мы добавляем новое свойство или изменяем его значение, мы меняем что-то на странице.

Наследование

Наследование в CSS — это механизм, с помощью которого значения свойств элемента-родителя передаются его элементам-потомкам. Стили, присвоенные одному элементу, наследуются всеми потомками (вложенными элементами), но только в том случае, если они где-то явно не переопределены.

Составные свойства

В CSS есть обычные свойства, управляющие одним параметром отображения, и есть составные свойства, управляющие одновременно несколькими параметрами. Например, свойство font. Оно задаёт сразу шесть параметров: размер и название шрифта, высоту строки и некоторые другие.

font: 16px/26px "Arial", sans-serif;

Если значение обычного свойства не было задано в составном, то браузер при «расшифровке» использует исходное значение этого свойства.

Типы значений: абсолютные и относительные

Абсолютные единицы измерения привязаны к настоящим физическим размерам и связаны между собой жёсткими пропорциями. Пиксели, px, используют чаще всего, остальные абсолютные единицы почти не применяют. Примеры абсолютных единиц измерения:

font-size: 1cm;
font-size: 10mm;
font-size: 38px;

Относительные единицы измерения описывают значения, которые зависят от других значений. Например, ширина элемента в процентах зависит от ширины родительского элемента, а ширина элемента в em зависит от размера шрифта самого элемента. К относительным единицам относятся em, rem, vh, vw и некоторые другие, ну и, конечно же, проценты.

Стили по умолчанию

Некоторым элементам можно не задавать никаких стилей, но у них всё равно будет какое-то оформление. Например, у списка <ul> есть отступы и маркеры. Такие стили называются стилями по умолчанию и задаются внутри браузерных стилей изначально. Их можно переопределить или сбросить, задав другие значения свойств элементу.

Каскадирование

Когда браузер отрисовывает страницу, он должен определить итоговый вид каждого HTML-элемента. Для этого он собирает все CSS-правила, которые относятся к каждому элементу, ведь на элемент могут влиять сразу несколько CSS-правил. Механизм комбинирования стилей из разных источников в итоговый набор свойств и значений для каждого тега называется каскадностью. Например, есть такой элемент в разметке:

<p>Зелёный - мой любимый цвет</p>

Заданные стили:

.beloved-color { color: green; }

Браузерные стили:

margin: 1em 0;

Итоговые стили:

color: green;
margin: 1em 0;

Конфликт свойств

На один элемент могут действовать несколько CSS-правил. Если в этих правилах есть одинаковые свойства с разными значениями, то возникает конфликт. Например:

ul { list-style: disc; }
.blog-navigation ul { list-style: none; }

Браузеру нужно как-то решать, какими будут итоговые значения конфликтующих свойств. Конфликт разрешается максимум за три шага. Если на текущем шаге определиться не удалось, то выполняется следующий шаг. Вот эти шаги:

  1. Сравниваются приоритеты стилевых файлов, в которых находятся конфликтующие свойства. Например, авторские (то есть наши) стили приоритетнее браузерных.
  2. Сравнивается специфичность селекторов у CSS-правил с конфликтующими свойствами. Например, селектор по классу более специфичен, чем селектор по тегу.
  3. Побеждает то свойство, которое находится ниже в коде.

Каскад работает и внутри CSS-правил.

Встраивание и подключение внешних стилей

Внешние стили подключаются через тег <link>

<link rel="stylesheet" href="style.css">

Встраивание стилей в тег <style>. Его обычно размещают внутри <head>:

<head>
  <style>
    CSS-код
  </style>
</head>

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

Встраивание в атрибут style:

<div>&lt/div>

Свойства и значения, прописанные таким образом, применятся точечно к одному элементу.

Обычно использование этого способа считается плохой практикой. Но иногда в виде исключения бывает удобнее воспользоваться встраиванием стилей в атрибут style, чем писать отдельные CSS-правила. Например, когда нужно управлять стилями именно из разметки, и создавать отдельные классы при этом будет излишне. Так бывает, когда какие-то стилевые параметры устанавливаются с помощью сторонних программ или другими людьми, например, через CMS.

Продолжить

Команды Counter-Strike Source (CSS). Полезные консольные команды для СSS v34, v81.

//Z — Заперещено к изменению
//R — Рекомендуемые параметры
//D — Значение по умолчанию
//? — Не знаю
//ai
ai_expression_optimization «1» // Скрывать отображение лица пока его не видишь. (!D «0»)
ai_report_task_timings_on_limit «0» // ? (!D «0»)
ai_think_limit_label «0» // ? (!D «0»)

//budget
budget_averages_window «0» // Число фреймов для подсчета при отображении средней частоты кадров панели (!D «30»)
budget_background_alpha «128» // Прозрачность панели
budget_bargraph_background_alpha «128» // Прозрачность панели (!D «128»)
budget_bargraph_range_ms «16.6666666667» // Граница диаграммы в секундах (!D «16»)
budget_history_numsamplesvisible «100» // Количество сегментов для отрисовки диаграммы
budget_history_range_ms «5» // Граница диаграммы в секундах (!D «5»)
budget_panel_bottom_of_history_fraction «.25» // ?
budget_panel_height «384» // Высота панели в пикселах
budget_panel_width «512» // Ширина панели в пикселах
budget_panel_x «0» // Позиция x окна от левого края экрана
budget_panel_y «50» // Позиция y окна от левого края экрана
budget_peaks_window «30» // Количество фреймов для подсчета отображения окна статистики
budget_show_averages «0» // Выключить среднее занчение в статистике
budget_show_history «1» // Включает историю графики
budget_show_peaks «1» // Включает отображения пиков в статистике

bugreporter_uploadasync «0» // Загрузить приложения асинхронно (!D «0»)

//cc
cc_lang «» // Язык субтитров (по умолчанию – язык пользовательского интерфеса)
cc_linger_time «1.0» // Время задержки субтитров.
cc_predisplay_time «0.25» // Задержка перед отображением субтитров.
cc_subtitles «0» // Если включено, то звуковые эффекты не будут отображаться в субтитрах, только речь (например, не будут отображаться звуки ранения игрока).

//cl Общие настройки клиента
cl_allowdownload «1» // Скачивание карт, моделей и декалей с сервера при подключении
cl_allowupload «1» // Загрузка карт, моделей и декалей на сервер при подключении
cl_autohelp «0» // Выключить подсказки (!D.»1″)
cl_autowepswitch «0» // Отключить автоматическую смену подобранного оружия (!D.»1″)
cl_bob «0.002» // Измеряет количество подскакиваний изображения, когда игрок бежит (!Z «0.002»)
cl_bobcycle «0.8» // Устанавливает частоту раскачивания изображения у игрока при беге (!Z «0.8»)
cl_bobup «0.5» // Устанавилвает количество «подскакиваний» изображения игрока при беге (!Z «0.5»)
cl_burninggibs «0» // Не поджигать от взрыва тела мертвых игроков.
cl_buy_favorite_nowarn «0» // ?
cl_buy_favorite_quiet «0» // ?
cl_c4progressbar «1» // Показывать процесс разминирования (!D.»1″)
cl_c4dynamiclight «0» // Отключить мигающий динамичный свет С4.
cl_chatfilter_version «1» // ?
cl_chatfilters «63» // Фильтр чата
cl_clanid «0» // Включить отображение клан-тега
cl_class «default» // ?
cl_clearhinthistory «1» // Очищает память подсказок на стороне клиента.
cl_cmdrate «67» // Количество пакетов, которые клиент может отослать серверу.
cl_crosshairalpha «300» // Прозрачность прицела. (!D.»200″)
cl_crosshaircolor «0» // ?
cl_crosshaircolor_b «50» // Цвет прицела (B)
cl_crosshaircolor_g «250» // Цвет прицела (G)
cl_crosshaircolor_r «50» // Цвет прицела (R)
cl_crosshairscale «1550» // Размер прицела. (!D.»0″)
cl_crosshairsize «3» // Размер прицела. (!D.»6″)
cl_crosshairthickness «0.1» // Толщина прицела. (!D.»0.5″)
cl_crosshairusealpha «1» // ?
cl_debugrumble «0» // Отключает Включает «Rumble» отладки.
cl_detaildist «1200» // Определяет диапазон, в которых подробно указаны реквизиты (!D.»1200″)
cl_detailfade «400» // Определяет дистанцию, на которой реквизиты начинают исчезать.
cl_detail_avoid_force «0.0» // ? (!D.»0″)
cl_detail_avoid_radius «0» // Радиус на котором будет виден всякий хлам.
cl_detail_avoid_recover_speed «0» // ? (!D. «0»)
cl_detail_max_sway «0» // Расстояние на котором будет виден мусор.
cl_disablefreezecam «1» // ?
cl_disablehtmlmotd «1» // ?
cl_downloadfilter «all» // Определяет, какие файлы могут быть загружены с сервера (all, none, nosounds).
cl_drawhud «1» // Включить меню HUD (!R «1»)
cl_drawmonitors «0» // ?
cl_dynamiccrosshair «1» // Включение динамического прицела — расширяется на ходу и в прыжке
cl_ejectbrass «1» // Показ отстрелянных гильз.
cl_extrapolate «1» // Простое линейное предсказание позиций объектов на основе истории их поведения ранее.
cl_extrapolate_amount «0.20» // Экстраполяция совершается только для потери пакетов до 0.20 секунды
cl_forcepreload «1» // Загрузка информации о текстурах и моделях в начале карты. (!D.»0″)
cl_hudhint_sound «1» // ?
cl_idealpitchscale «0.8» // ?
cl_interp «0.0152» // Временной промежуток, через который происходит интерполяция
cl_interp_all «0» // Включить оптимизацию интерполяции списка (?)
cl_interp_npcs «0» // Интреполяция позиций NPC запустившего несколько секунд назад
cl_interp_ratio «2» // Число промежутков между «интерполированием» мира. (!D. «2»)
cl_lagcompensation «1» // Производит компенсацию лагов на стороне сервера.
cl_language «russian» // Язык игры (!D. «english» )
cl_legacy_crosshair_recoil «0» // ?
cl_legacy_crosshair_scale «1» // Вернуть стандартное исчесление размера прицела (1).
cl_locationalpha «150» // ?
cl_logofile «materials/vgui/logos/sitemap.vtf» // Путь к твоему спрею
cl_minmodels «0» // Отображать все модели терорристов и контр-терорристов. (!Z «0»)
cl_min_t «2» // Отображать игроков терорристов только 2 скином. Действует только с командой (cl minmodels «1»)
cl_min_ct «1» // Отображать игроков контр-терорристов только 1 скином. Действует только с командой (cl minmodels «1»)
cl_mouselook «1» // Установите значение 1, чтобы оглядываться при помощи мыши, 0 – при помощи клавиатуры.
cl_new_impact_effects «0» // Отключить пыль, песок и другие погодные эффекты. (!D. «0»)
cl_nowinpanel «0» // Используются для включения таблички победы в которой в конце раунда отображается победившая команда лучший игрок и забавный факт
cl_observercrosshair «1» // Отображать прицел при полетах спектатором
cl_playerspraydisable «0» // Включить отображение спреев игроков
cl_pred_optimize «2» // Оптимизация для не копирования данных если небыло обновление сети (1), а также для не переадресации если небыло ошибок (2).
cl_predict «1» // Производит прогнозирование движений игрока на стороне клиента. (!D. «1»)
cl_predictweapons «1» // Производит прогнозирование эффектов оружия на стороне клиента. (!D. «1»)
cl_phys_props_max «200» // Количество одновременно просчитываемых мелких предметов.
cl_phys_timescale «1.0» // Устанавливает масштаб времени на стороне клиента (!D. «1.0»)
cl_radar_locked «0» // Фиксация радара в одном положении.
cl_radaralpha «200» // Прозрачность радара (!D. «200»)
cl_radartype «0» // Стандатный тип радара
cl_ragdoll_collide «0» // Отключает просчет пересекающихся мертвых тел
cl_ragdoll_physics_enable «1» // Включает прорисовку мертвых тел (!R «1»)
cl_resend «6» // Время через, которое будет послан пакет если предыдущий не дошел
cl_righthand «1» // Оружие в правой руке
cl_round_win_fade_time «1.5» // ?
cl_rumblescale «1.0» // Шкала чувствительности Rumble эффекта.
cl_scalecrosshair «1» // Включает возможность изменения размера

//cl_scoreboard Таблица результатов
cl_scoreboard_clan_ct_color_red «150» // Цвет клан игрока контр-терорристов (R) (!D. «150»)
cl_scoreboard_clan_ct_color_green «200» // Цвет клан игрока контр-терорристов (G) (!D. «200»)
cl_scoreboard_clan_ct_color_blue «255» // Цвет клан игрока контр-терорристов (B) (!D. «255»)
cl_scoreboard_clan_t_color_red «240» // Цвет клан игрока терорристов (R) (!D. «240»)
cl_scoreboard_clan_t_color_green «90» // Цвет клан игрока терорристов (G) (!D. «90»)
cl_scoreboard_clan_t_color_blue «90» // Цвет клан игрока терорристов (B) (!D. «90»)
cl_scoreboard_ct_color_red «150» // Цвет игрока контр-терорристов (R) (!D. «150»)
cl_scoreboard_ct_color_green «200» // Цвет игрока контр-терорристов (G) (!D. «200»)
cl_scoreboard_ct_color_blue «255» // Цвет игрока контр-терорристов (B) (!D. «255»)
cl_scoreboard_t_color_red «240» // Цвет игрока терорристов (R) (!D. «240»)
cl_scoreboard_t_color_green «90» // Цвет игрока терорристов (G) (!D. «90»)
cl_scoreboard_t_color_blue «90» // Цвет игрока терорристов (B) (!D. «90»)
cl_scoreboard_dead_clan_color_red «125» // Цвет клан убитого игрока (R) (!D. «125»)
cl_scoreboard_dead_clan_color_green «125» // Цвет клан убитого игрока (G) (!D. «125»)
cl_scoreboard_dead_clan_color_blue «125» // Цвет клан убитого игрока (B) (!D. «125»)
cl_scoreboard_dead_color_red «125» // Цвет убитого игрока (R) (!D. «125»)
cl_scoreboard_dead_color_green «125» // Цвет убитого игрока (G) (!D. «125»)
cl_scoreboard_dead_color_blue «125» // Цвет убитого игрока (B) (!D. «125»)

cl_show_achievement_popups «1» // Включить уведомления при получения достижения.
cl_show_splashes «1» // Брызги воды
cl_showerror «0» // Закрыть окно ошибки предсказания
cl_showfps «0» // Не отображать индикатор FPS вверху экрана
cl_showhelp «1» // Помощь на экране
cl_showpluginmessages «1» // Позволяет плагинам показывать вам сообщения.
cl_smooth «1» // Сглаживание ошибок предсказания.
cl_smoothtime «0.1» // Время, нужное для сглаживания ошибок предсказания.
cl_soundfile «sound/player/jingle.wav» // Файл звука звона.
cl_spec_mode «4» // Режим спектатора.
cl_team «default» // Выбор команды при осуществленном подключении к игре
cl_threaded_bone_setup «1» // Параллельная обработка «C_BaseAnimating». (!D.»0″)
cl_timeout «25» // Если сервер не отвечает в течение указанного времени, происходит автоматическое отключение. (!D «30»)
cl_updaterate «67» // Количество пакетов, которые клиент может получить от сервера.
cl_wpn_sway_interp «0.1» // ? (!D. «0.1»)
cl_wpn_sway_scale «1.0» // Амплитуда анимации модели оружия при стрельбе. (!D. «1.0»)

closecaption «0» //
commentary «0» //
commentary_firstrun «0» //
con_enable «1» // Активация консоли (!D. «1»)
crosshair «1» // Включить прицел (!D. «1»)

//dsp Звук
dsp_enhance_stereo «1» // Эффект расширения стереобазы.
dsp_slow_cpu «0» // Высокое качество звука
dsp_spatial «40.000000» // Громкость пространства
dsp_speaker «55.000000» // Громкость разговоров через микрофон.
dsp_volume «1.0» // Включить звук
dsp_water 14.000000 // Громкость воды

fps_max «121» // Ограничение FPS в 121 фрейм
func_break_max_pieces «0» // Кол-во осколков от всякого барахла типа ящиков, бутылок, бочек. (!D.»15″)
g15_update_msec «250» // ?
gl_clear «0» // Отключить механизм заглаживания стыков между текстурами

//nud Настройки меню показа времени, жизни и других меню
hud_achievement_count «5» // Максимальное кол-во достижений, которые могут быть показаны на экране.
hud_achievement_description «1» // Показать полное описание достижений.
hud_achievement_glowtime «0» // Время свечения рамочки достижения.
hud_classautokill «1» // ?
hud_deathnotice_time «3» // Время показа сообщений об убийствах вверху экрана (!D.»6″)
hud_draw_fixed_reticle «0» // ?
hud_drawhistory_time «3» // Как долго на экране остаются информационные картинки: покупки оружия и т.д. (!D. «5»)
hud_fastswitch «1» // Быстрое переключение оружия без подтверждения (!D. «0»)
hud_freezecamhide «0» // Выключить показ сообщения «Вас убили».
hud_reticle_maxalpha «255» // ? (!D. «255»)
hud_reticle_minalpha «125» // ? (!D. «125»)
hud_reticle_alpha_speed «700» // ? (!D. «700»)
hud_saytext_time «10» // Время показа сообщений игроков в чате (!D. «12»)
hud_showtargetid «1» // ?
hud_takesshots «0» // Авто скриншот «tab» в конце карты.

//joy Джойстик
joy_accelmax «1.0»
joy_accelscale «0.6»
joy_advanced «0»
joy_advaxisr «0»
joy_advaxisu «0»
joy_advaxisv «0»
joy_advaxisx «0»
joy_advaxisy «0»
joy_advaxisz «0»
joy_autoaimdampen «0»
joy_autoaimdampenrange «0»
joy_axisbutton_threshold «0.3»
joy_diagonalpov «0»
joy_display_input «0»
joy_forwardsensitivity «-1»
joy_forwardthreshold «0.15»
joy_inverty «0»
joy_lowend «1» // Определяет величину физического диапазона контроллера, который Вы хотите исключить как «внутреннюю зону».
joy_lowmap «1» // Определяет величину действительного диапазона контроллера, сопоставленную «внутренней зоне».
joy_movement_stick «0»
joy_name «joystick» // Название вашего джойстика.
joy_pitchsensitivity «1»
joy_pitchthreshold «0.15»
joy_response_look «0» // Режим отклика джойстика для взгляда
joy_response_move «1» // Режим отклика джойстика для передвижения
joy_sidesensitivity «1» // Определяет величину передвижения джойстика, необходимую для максимальной скорости передвижения из стороны в сторону.
joy_sidethreshold «0.15» // Определяет «мертвую зону» для передвижения из стороны в сторону.
joy_wingmanwarrior_centerhack «0» // Исправляет проблему центрирования с джойстиком Wingman Warrior.
joy_wingmanwarrior_turnhack «0» // Исправляет проблему вращения с джойстиком Wingman Warrior.
joy_xcontroller_cfg_loaded «0»
joy_yawsensitivity «-1» // Определяет скорость или коэффициент, используемый при обзоре влево или вправо.
joy_yawthreshold «0.15» // Определяет «мертвую зону» для обзора влево или вправо.
joystick «0» // Выключить джойстик

lod_transitiondist «800» // Расстояние на котором «lod» снижается на объектах.
lookspring «0» // Выключить автоматическую центровку прицела
lookstrafe «0» // Отключить возможность стрейфиться мышкой

//m Мышь
m_customaccel «0» // Пользовательское ускорение мыши
m_customaccel_exponent «1» // Измерение коэффициента пропорциональности акселерации.
m_customaccel_max «0» // Максимальный коэффициент пропорциональности акселерации.
m_customaccel_scale «0.04» // Пользовательское значение акселерации мышки.
m_filter «0» // Режим фильтрации (сглаживания) мыши.
m_forward «1» // Устанавливает множитель чуствительности скорости движения вперед мыши.
m_mouseaccel1 «0» // Windows ускорение мышки, первоначальный порог (2x движения).
m_mouseaccel2 «0» // Windows ускорение мышки, средний порог (4x движения).
m_mousespeed «1» // Коэфициент ускорения мыши в Windows
m_pitch «0.022» // Мышка инверсированая (Отключено) (!D. «0.022»)
m_rawinput «0» // Способ интерпритации сигналов мышки (!D.»0″)
m_side «0.8» // Устанавливает множитель чувствительности скорости перемещения у мыши.
m_yaw «0.022» // Устанавливает множитель чувствительности скорости поворотов влево-вправо.

//mat Настройки графики
mat_aaquality «0» // 2x MSAA } 16x CSAA – mat_aaquality «4» & mat_antialias «4»; 8x MSAA – mat_aaquality «0» & mat_antialias «8»; 16xQ CSAA — mat_aaquality «2» & mat_antialias «8»;
mat_antialias «2» // Сглаживание 2x } 2x MSAA – mat_aaquality «0» & mat_antialias «2»; 4x MSAA – mat_aaquality «0» & mat_antialias «4»; 8x CSAA – mat_aaquality «2» & mat_antialias «4»;
mat_autoexposure_max «3» // Максимальная яркость экрана.
mat_autoexposure_min «0.5» // Минимальная яркость экрана.
mat_bloomscale «1» // BLOOM эффект
mat_bufferprimitives «1» // Кэширование «примитивов»
mat_bumpmap «1» // (!D.»1″)
mat_clipz «1» // Ликвидирует проблемы с DirectX9 у некоторых видеокарт nVidia.
mat_colorcorrection «1» // Включена коррекция цвета
mat_compressedtextures «1» // Сжатие текстур.
mat_dxlevel «95» // DirectX 9c (!D. «0»)
mat_envmapsize «128» // История изображений в не достижимых разделах карты, таких, как SkyBox.
mat_fastnobump «1» // Включить быстрый алгоритм отрисовки объемных текстур
mat_fastspecular «1» // Алгоритм отрисовки гладких поверхностей.
mat_forceaniso «2» // Азатропная фильтрация 2
mat_forcemanagedtextureintohardware «1» // Очищение текстур в видеопамяти.
mat_hdr_level «2» // Включить HDR
mat_mipmaptextures «1» // Изменение качества текстур с расстоянием.
mat_monitorgamma «2.6» // Гамма.(D «2.2»)
mat_monitorgamma_tv_enabled «0» //
mat_motion_blur_forward_enabled «0» // Размытие при движении.
mat_parallaxmap «1» // (!D.»1″)
mat_picmip «0» // Высокая детализация текстур
mat_queue_mode «-1» // Включить многоядерный рендеринг
mat_reducefillrate «0» // Высокие Шейдеры
mat_software_aa_blur_one_pixel_lines «0.0» // Как много программного сглаживания требуется, чтобы сгладить линию толщиной в один пиксель
mat_software_aa_edge_threshold «0.5» // Регулирует чувствительность обнаружения краев шейдеров у программного сглаживания – меньшее значение сгладит больше краев, большее значение сгладит меньше. (def 1)
mat_software_aa_quality «0» // Качество программного сглаживания
mat_software_aa_strength «0.000000» // Производит программный А-А пост процесс
mat_software_aa_strength_vgui «1.000000» // ?
mat_software_aa_tap_offset «0.5» // Меньшее значение, сделает изображение более четкое, значение выше сделает его размытым.
mat_specular «1» // Включить отражение поверхностей в том числе оптика.
mat_texture_list_content_path «» // ?
mat_tonemap_algorithm «0» // Старый алгоритм прорисовки карт
mat_trilinear «1» // Трёхлинейное фильтрование.
mat_use_compressed_hdr_textures «1» // Сжатие текстур, используемых с HDR.

mem_force_flush «0» // Отключить Форсировать сброс кэша с незаблокированными ресурсами при каждом размещении (!R»0″)
mem_max_heapsize «2048» // ?(!D. «256»)
mem_min_heapsize «128» // ?(!D. «48»)

mod_forcedata «1» // Форсировать все файловые данные модели в кэш при загрузке модели (!D. «1»)
mod_forcetouchdata «1» // ? (!D «1»)
mp_decals «200.000000» // Количество декалей на карте за один раунд (!D. «200»)
muzzleflash_light «1» // Динамический (отраженный) свет от вспышек.
name «ROY» // Ваш ник

//net Настройки соединения
net_channels «0» // Отобразить информацию о канале в консоле (та же самая информация что и у команды net_graph).
net_fakeloss «0» // Имитация потери пакетов в процентом количестве (!R «0»)
net_graph «0» // Выключить панель информации о соединении
net_graphheight «40» // Высота net_graph панели
net_graphmsecs «400» // Изменения скорости обновления блока
net_graphpos «1» // Место положение net_graphа.
net_graphproportionalfont «0.5» // Размер net_graph
net_graphshowinterp «1» // Показывает строку интерполяции
net_graphshowlatency «1» // Рисует график Ping и «пакетов»
net_graphsolid «1» // Выключить прозрачность «лагомера»
net_graphtext «1» // Включить текст в блоке
net_maxfilesize «32» // Максимальный размер файла для скачивания с сервера
net_maxfragments «1260.000000» // Максимальная фрагментация в байтах на пакет
net_maxroutable «1260» // Максимальная фрагментация в байтах на пакет
net_scale «5» // Размер графика

npc_height_adjust «1» // ? (!D. «1»)
option_duck_method «1» // ? (!D. «1»)

//overview Карта(радар)
overview_alpha «1.0» // Прозрачность карты при обзоре.
overview_health «1» // Отображает здоровье игрока при обзоре карты.
overview_locked «1» // Закрепляет угол обзора карты.
overview_names «1» // Отображает имена игроков при обзоре карты.
overview_preferred_mode «1» // Включить предпочтительный режим Обзор
overview_preferred_view_size «600» // (!D. «600»)
overview_tracks «1» // Отображает пути игроков при обзоре карты.

password «» // Текущий пароль доступа к серверу (!D. «»)
props_break_max_pieces «0» // Количество осколков от мелких предметов (!D. «-1»)
props_break_max_pieces_perframe «0» // Максимальное количество мелких предметов в одном кадре (!D. «-1»)

rate «25000» // Количество байтов, которые клиент может получить от сервера за секунду.

//r Настройка графики
r_3dnow «0» // Включает поддержку технологии 3DNOW (только для AMD).
r_3dsky «1» // Включить дополнительные текстуры неба и нарисованный за пределами карты пейзаж
r_ambientboost «1» // Ускорение окружающих условий.
r_ambientfactor «5» // Ускоряет куб окружающей среды на величину не более указанного значения. (!R»5″)
r_ambientmin «0.3» // Порог, выше которого куб окружающей среды не ускорится
r_decal_cullsize «0» // Декали будут исчезать, если вы ушли из зоны их видимости или находитесь слишком далеко.
r_decals «200» // Временной отрезок, на время которого «деколы» будут видны. (!D. «2048»)
r_decalstaticprops «1» // Статическая термоаппликация.
r_dopixelvisibility «0» // Отключает «чёрточки» на источниках освещения.
r_drawdetailprops «0» // Выключает детальную прорисовку мелких структур на поверхностях объектов.
r_drawflecks «0» // Выключает прорисовку мелких осколков и пыли вокруг точки вхождения пули.
r_drawmodeldecals «0» // Выключает «Деколы» на моделях игроков.
r_drawmodelstatsoverlaymax «1.5» // ?
r_drawmodelstatsoverlaymin «0.1» // ?
r_eyegloss «1» // ?
r_eyemove «1» // ?
r_eyeshift_x «0» // ?
r_eyeshift_y «0» // ?
r_eyeshift_z «0» // ?
r_eyesize «0» // ?
r_fastzreject «-1» // Автоматически включает ускоренный алгоритм просчета перспективы, если поддерживается видеоускорителем
r_lightaverage «1» // Выключить усреднение света.
r_lod «-1» // Степень детализации объектов и текстур. -1 -Автоматическая настройка
r_maxmodeldecal «50» // Максимальное количество «деколей», которые могут быть сделаны на модель.
r_queued_decals «0» // Выключить просчет декал рендеринг установок. (!R «0»)
r_propsmaxdist «800» // Максимальное расстояние отрисовки мелких предметов.
r_renderoverlayfragment «1» // Включает наложенные на текстуры обьекты
r_rootlod «0» // Высокая детализация моделей в игре
r_shadowmaxrendered «32» // Макс. количество показываемых теней.
r_shadowrendertotexture «1» // Высокое качество Прорисовки теней
r_shadows «1» // Включить динамические тени от объектов и моделей
r_spray_lifetime «0» // Сколько раундов будет виден спрей у игроков
r_sse2 «1» // Включает поддержку процессоров SSE2.
r_unloadlightmaps «1» // Перезагружает текстуры и освещения.
r_waterforceexpensive «1» // Отражение в воде отражать все

rope_smooth «1» // Включить сглаживание отрисовки проводов

sensitivity «1.0» // Скорость передвижения прицела
zoom_sensitivity_ratio 1.0 // Скорость передвижения прицела с оптикой

//scene
scene_showfaceto «0» // При проигрывании сцены, не отображать направления фасетных событий (!D «0»)
scene_showlook «0» // При проигрывании, не отображать направления событий просмотра (!D «0»)
scene_showmoveto «0» // Не отображать конечную точку во время движения (!D «0»)
scene_showunlock «0» // ?

sk_autoaim_mode «1» // ?
skill «1»

//snd Настройки звука
snd_mixahead «0.1» // Размер звукового буфера. (!Z «0.1»)
snd_duckerattacktime «0.5»
snd_duckerreleasetime «2.5»
snd_duckerthreshold «0.15»
snd_ducktovolume «0.55»
snd_legacy_surround «0»
snd_musicvolume «0.000000» // Громкость музыки
snd_mute_losefocus «1»
snd_pitchquality «1»

spec_scoreboard «0»
suitvolume «0.25»

//sv Серверные команды
sv_backspeed «0.6»
sv_forcepreload «1» // Подключение игроков доступно только после полной загрузки сервера.
sv_lan «0» // Интернет сервер
sv_log_onefile «0»
sv_logbans «0»
sv_logecho «1»
sv_logfile «1»
sv_logflush «0»
sv_logsdir «logs»
sv_noclipaccelerate «5»
sv_noclipspeed «5»
sv_nostats «0» // Отображать звезды в статистике
sv_pvsskipanimation «1»
sv_skyname «tides»
sv_specaccelerate «5»
sv_specnoclip «1»
sv_specspeed «1.5»
sv_unlockedchapters «1»
sv_visiblemaxplayers «32» // Максимальное число игроков на карте
sv_voiceenable «1»

//texture
texture_budget_background_alpha «128»
texture_budget_panel_bottom_of_history_fraction «.25»
texture_budget_panel_height «284»
texture_budget_panel_width «512»
texture_budget_panel_x «0»
texture_budget_panel_y «450»

//Source TV
tv_nochat «0» // Получать сообщения чата от других зрителей SourceTV
tv_autorecord «0» // Автоматически записывает все игры при просмотре Source TV (!D. «0»)

vgui_message_dialog_modal «1»

//violence Настройки показа крови
violence_ablood «1» // Чужая кровь.
violence_agibs «1» // Чужие лица.
violence_hblood «1» // Человеческая кровь.
violence_hgibs «1» // Человеческие лица.

//voice Голосовые настройки
voice_avggain 0.5 // Усреднение голосовой волны (удаление шума).
voice_enable «1» // Включить Голосовой чат.
voice_forcemicrecord «1» // Включить запись микрофона.
voice_loopback «0» // Выключить воспроизведение голоса на ряду с другими игроками.
voice_modenable «1» // Голосовой чат в моде.
voice_overdrive «2.5» // Ослабляет все звуки в 2.5 раза, когда кто-то говорит.
voice_recordtofile «0» // Отключить микрофоную запись в файл.
voice_scale «1» // Уровень голоса для всех
volume «1.0» // Громкость общего звука

//vprof
vprof_graphheight «256»
vprof_graphwidth «512»
vprof_unaccounted_limit «0.3»
vprof_verbose «1»
vprof_warningmsec «10»

windows_speaker_config «1» //Тип динамиков Наушники
xbox_autothrottle «1»
xbox_throttlebias «100»
xbox_throttlespoof «200»

Консольные команды Counter-Strike: Source

Если вы хотите включить читы во время игры, то следует нажать клавишу [~] (тильда), а после этого уже можете вводить чит коды.

sv_cheats 1 — активация чит peжимa

Impulse 101 — вce opyжиe и пaтpoны

Impulse 203 — yдaлить пpeдмeт

Notarget — вы невидимы для врагов

Killserver — oтключение сервера

sv_gravity #чиcлo# — изменение гравитации (пo yмoлчaниe 800.)

Noclip — хождение сквозь стены

bot_add — дoбaвить бoтa

bot_add_ct — дoбaвить бoтa зa CT

bot_add_t — дoбaвить бoтa зa T 

bot_all_weapons — paзpeшить бoтaм иcпoльзoвaть вce opyжиe

bot_allow_grenades 0/1 — зaпpeтить/paзpeшить бoтaм иcпoльзoвaние гранат

bot_allow_machine_guns 0/1 — зaпpeтить/paзpeшить бoтaм иcпoльзoвaние автоматов

bot_allow_pistols 0/1 — зaпpeтить/paзpeшить бoтaм иcпoльзoвание пистолетов

bot_allow_rifles 0/1 — зaпpeтить/paзpeшить бoтaм иcпoльзoвaние винтовок

bot_allow_shield 0/1 — зaпpeтить/paзpeшить бoтaм иcпoльзoвaние щитов

bot_allow_shotguns 0/1 — зaпpeтить/paзpeшить бoтaм иcпoльзoвaние ружья

bot_allow_snipers 0/1 — зaпpeтить/paзpeшить бoтaм иcпoльзoвaние снайперского оружия

bot_auto_vacate #чиcлo# — кoличecтвo зapeзepвиpoвaнныx мecт для людeй

bot_chatter normal/radio — тип cooбщeний кoтopый бyдeт иcпoльзoвaтьcя бoтaми (normal/radio)

bot_debug 0/1 — включить/выключить вcтpoeнный oтлaдчик

bot_difficulty #чиcлo# — ypoвeнь мacтepcтвa бoтoв (0, 1, 2 или 3)

bot_freeze #чиcлo# — вpeмя пpocтoя бoтoв пocлe нaчaлa payндa

bot_join_after_player 0/1 — peжим oжидaния бoтaми людeй нa cepвepe.

bot_kick — кикнyть бoтa c ceвepa

bot_kill — убийство всех ботов на сервере

bot_knives_only — все боты будут использовать ножи

bot_mimic 0/1 — включeниe мимики y бoтoв

bot_pistols_only — вce бoты пoльзyютcя тoлькo пиcтoлeтaми

bot_snipers_only — боты будут использовать только снайперское оружие

bot_crouch 1 — бoты вceгдa нa кopтoчкax

bot_defer_to_human 1 — боты начнут защищать людей

bot_join_team 1 — бoты зaxoдят в кoмaнды (т,кт) тoлькo пocлe чeлoвeкa

 

Также ознакомьтесь с руководством: Экономика в CS:GO

Также ознакомьтесь с руководством: Прицеливания и Техника стрельбы в CS GO!

 

Понравилось это:

Нравится Загрузка…

Навигация по записям

Ссылка CSS

.

align-content Задает выравнивание между линиями внутри гибкого контейнера, когда элементы не используют все доступное пространство
align-items Задает выравнивание элементов внутри гибкого контейнера
выровнять сам Задает выравнивание для выбранных элементов внутри гибкого контейнера
все Сбрасывает все свойства (кроме unicode-bidi и direction)
анимация Сокращенное свойство для всех свойств анимации — *
задержка анимации Определяет задержку начала анимации
анимация-направление Определяет, должна ли анимация воспроизводиться вперед, назад или
попеременно
продолжительность анимации Определяет, сколько времени должно занять анимация для завершения одного цикла
режим заливки анимации Задает стиль элемента, когда анимация не воспроизводится (ранее
начинается, после окончания или и то, и другое)
количество итераций анимации Указывает, сколько раз должна воспроизводиться анимация
имя-анимации Задает имя для анимации @keyframes
состояние воспроизведения анимации Указывает, запущена или приостановлена ​​анимация
функция синхронизации анимации Определяет кривую скорости анимации
задняя видимость Определяет, должна ли быть видна задняя грань элемента, когда он смотрит на пользователя.
фон Сокращенное свойство для всех свойств фона — *
фон-приставка Устанавливает, будет ли фоновое изображение прокручиваться вместе с остальной частью страницы или будет фиксированным.
фоновый режим наложения Определяет режим наложения каждого фонового слоя (цвет / изображение)
фоновая клипса Определяет, насколько далеко должен распространяться фон (цвет или изображение) в пределах
элемент
цвет фона Определяет цвет фона элемента
фоновое изображение Задает одно или несколько фоновых изображений для элемента
фон-происхождение Определяет исходную позицию фонового изображения
фон-позиция Определяет положение фонового изображения
фон-повтор Устанавливает, будет ли / как будет повторяться фоновое изображение
размер фона Определяет размер фоновых изображений
граница Сокращенное свойство для border-width, border-style и border-color
граница нижняя Сокращенное свойство для border-bottom-width, border-bottom-style
и нижний цвет границы
цвет нижней границы Устанавливает цвет нижней границы
граница-нижний-левый-радиус Определяет радиус границы нижнего левого угла
граница-нижний-правый-радиус Определяет радиус границы нижнего правого угла
с окантовкой снизу Устанавливает стиль нижней границы
ширина по нижнему краю Устанавливает ширину нижней границы
граница-развал Устанавливает, должны ли границы таблицы сворачиваться в единую границу или разделяться
цвет рамки Устанавливает цвет четырех границ
бордюр Сокращенное свойство для всех свойств border-image- *
граница-изображение-исход Определяет величину, на которую область изображения границы выходит за пределы рамки
повтор изображения границы Указывает, должно ли изображение границы повторяться, закругляться или растягиваться.
граница-изображение-фрагмент Указывает, как нарезать изображение границы
border-image-source Указывает путь к изображению, которое будет использоваться в качестве границы
ширина границы изображения Задает ширину изображения границы
граница левая Сокращенное свойство для всех свойств border-left- *
цвет рамки слева Устанавливает цвет левой границы
рамка-левая Устанавливает стиль левой границы
ширина рамки слева Устанавливает ширину левой границы
граница-радиус Сокращенное свойство для четырех границ — * — радиус свойств
граница правая Сокращенное свойство для всех свойств border-right- *
рамка-правая Устанавливает цвет правой границы
граница-правая Устанавливает стиль правой границы
ширина рамки справа Устанавливает ширину правой границы
расстояние между границами Устанавливает расстояние между границами соседних ячеек
с бордюром Устанавливает стиль четырех границ
бордюрный верх Сокращенное свойство для border-top-width, border-top-style и
цвет верхней границы
цвет верхней границы Устанавливает цвет верхней границы
граница, верхний левый радиус Определяет радиус границы верхнего левого угла
граница-верхний-правый-радиус Определяет радиус границы верхнего правого угла
с бордюром Устанавливает стиль верхней границы
ширина до верхней границы Устанавливает ширину верхней границы
ширина рамки Устанавливает ширину четырех границ
нижняя Устанавливает позицию элемента от нижней части родительского элемента
коробка-отделка-перерыв Задает поведение фона и границы элемента при разрыве страницы или, для встроенных элементов, при разрыве строки.
тень коробки Добавляет одну или несколько теней к элементу
размер коробки Определяет, как рассчитываются ширина и высота элемента: следует
они включают отступы и границы, или нет
обрыв после Указывает, должен ли происходить разрыв страницы, столбца или области
после указанного элемента
перерыв до Указывает, должен ли происходить разрыв страницы, столбца или области
перед указанным элементом
взлом внутри Указывает, должен ли происходить разрыв страницы, столбца или области
внутри указанного элемента
сторона подписи Задает размещение заголовка таблицы
каре Определяет цвет курсора (курсора) во входных, текстовых или любых других
редактируемый элемент
@charset Определяет кодировку символов, используемую в таблице стилей
прозрачный Указывает, с каких сторон элемента плавающие элементы не могут плавать
зажим Зажимает абсолютно позиционированный элемент
цвет Устанавливает цвет текста
количество столбцов Задает количество столбцов, на которые должен быть разделен элемент.
колонка-заполнитель Определяет способ заполнения столбцов, сбалансированный или несбалансированный.
колонна-зазор Определяет зазор между столбцами
правило столбца Сокращенное свойство для всех свойств column-rule- *
столбец-правило-цвет Определяет цвет правила между столбцами
стиль правила столбца Задает стиль правила между столбцами
ширина правила столбца Определяет ширину правила между столбцами
колонно-пролетная Указывает, сколько столбцов должен занимать элемент в
ширина столбца Задает ширину столбца
столбца Сокращенное свойство для ширины столбца и количества столбцов
содержание Используется с псевдоэлементами: before и: after для вставки сгенерированного содержимого
счетчик Увеличивает или уменьшает значение одного или нескольких счетчиков CSS
сброс счетчика Создает или сбрасывает один или несколько счетчиков CSS
курсор Указывает курсор мыши, который будет отображаться при наведении указателя на элемент
направление Задает направление текста / направление письма
дисплей Определяет, как должен отображаться определенный элемент HTML
фильтр Определяет эффекты (например,грамм. размытие или смещение цвета) на элементе перед отображением элемента
гибкий Сокращенное свойство для flex-grow, flex-shrink и
гибкая основа
недвижимость
гибкая основа Задает начальную длину гибкого элемента
гибкое направление Определяет направление гибких элементов
гибкий поток Сокращенное свойство для свойств flex-direction и flex-wrap
гибкий рост Определяет, насколько элемент будет расти относительно остальных
гибкая термоусадочная Определяет, как элемент будет уменьшаться по сравнению с остальными
гибкая пленка Указывает, должны ли гибкие элементы оборачиваться или нет.
с плавающей запятой Определяет, должен ли блок плавать
шрифт Сокращенное свойство для font-style, font-variant, font-weight,
font-size / line-height
и свойство font-family
@ font-face Правило, позволяющее веб-сайтам загружать и использовать шрифты, отличные от «веб-безопасных» шрифтов
семейство шрифтов Задает семейство шрифтов для текста
font-feature-settings Позволяет управлять расширенными типографскими функциями в шрифтах OpenType
@ font-feature-values ​​ Позволяет авторам использовать общее имя в font-variant-alternate для функции, по-разному активированной в OpenType
font-kerning Управляет использованием информации кернинга (расстояние между буквами)
переопределение языка шрифта Управляет использованием глифов для конкретного языка в гарнитуре
размер шрифта Задает размер шрифта текста
регулировка размера шрифта Сохраняет читаемость текста при восстановлении шрифта
растяжка шрифта Выбирает обычное, сжатое или расширенное начертание из семейства шрифтов.
стиль шрифта Задает стиль шрифта для текста
шрифт-синтез Элементы управления, отсутствующие шрифты которых (полужирный или курсив) могут быть синтезированы браузером
вариант шрифта Указывает, должен ли текст отображаться мелким шрифтом
альтернативные варианты шрифтов Управляет использованием альтернативных глифов, связанных с альтернативными именами, определенными в @ font-feature-values ​​
варианты шрифтов Управляет использованием альтернативных глифов для заглавных букв
вариант шрифта восточноазиатский Управляет использованием альтернативных глифов для восточноазиатских шрифтов (например,г японский и китайский)
лигатуры вариантов шрифта Управляет тем, какие лигатуры и контекстные формы используются в текстовом содержимом элементов, к которым применяется
вариант шрифта числовой Управляет использованием альтернативных глифов для чисел, дробей и порядковых маркеров
шрифт-вариант-позиция Управляет использованием альтернативных глифов меньшего размера, расположенных как верхний или нижний индекс относительно базовой линии шрифта.
font-weight Задает толщину шрифта
разрыв Сокращенное свойство row-gap и column-gap properties
сетка Сокращенное свойство для строк шаблона сетки ,
столбцы-шаблон-сетки, области-шаблона-сетки, автоматические строки сетки,
grid-auto-columns
и grid-auto-flow , свойства
сетка Либо задает имя для элемента сетки, либо это свойство является сокращенным свойством для grid-row-start , grid-column-start , grid-row-end и grid-column-end недвижимость
сетка-автоматические столбцы Задает размер столбца по умолчанию
сетка-автопоток Определяет, как автоматически размещенные элементы вставляются в сетку.
сетка автоматических рядов Задает размер строки по умолчанию
сетка-столбец Сокращенное свойство для свойств grid-column-start и grid-column-end
конец столбца сетки Указывает, где закончить элемент сетки
сетка-столбец-зазор Определяет размер промежутка между столбцами
сетка-столбец-начало Указывает, где начать элемент сетки
сетка-зазор Сокращенное свойство grid-row-gap и grid-column-gap properties
сетка-рядка Сокращенное свойство для свойств grid-row-start и grid-row-end
конец ряда сетки Указывает, где закончить элемент сетки
сетка-рядок-зазор Определяет размер зазора между рядами
сетка-ряд-начало Указывает, где начать элемент сетки
сетка-шаблон Сокращенное свойство для grid-template-rows , grid-template-columns
и сетка объекта
области шаблона сетки Указывает, как отображать столбцы и строки с использованием именованных элементов сетки
столбцы шаблона сетки Задает размер столбцов и количество столбцов в макете сетки.
рядов шаблонов сетки Определяет размер строк в макете сетки
Знаки пунктуации Указывает, можно ли помещать знак препинания за пределы строчного поля.
высота Устанавливает высоту элемента
дефиса Устанавливает способ разбиения слов для улучшения компоновки абзацев
рендеринг изображений Подсказывает браузеру, какие аспекты изображения наиболее важно сохранить при масштабировании изображения
@ импорт Позволяет импортировать таблицу стилей в другую таблицу стилей
изоляция Определяет, должен ли элемент создавать новое содержимое стека.
justify-content Задает выравнивание между элементами внутри гибкого контейнера, когда элементы не используют все доступное пространство
осталось Задает левую позицию позиционируемого элемента
межбуквенный интервал Увеличивает или уменьшает расстояние между символами в тексте
разрыв строки Указывает, как / если разрывать строки
высота строки Устанавливает высоту строки
в виде списка Устанавливает все свойства списка в одном объявлении
изображение в стиле списка Задает изображение в качестве маркера элемента списка
позиция стиля списка Определяет положение маркеров пунктов списка (пунктов списка)
тип списка Определяет тип маркера элемента списка
маржа Устанавливает все свойства полей в одном объявлении
нижнее поле Устанавливает нижнее поле элемента
поле слева Устанавливает левое поле элемента
поле справа Устанавливает правое поле элемента
верхняя маржа Устанавливает верхнее поле элемента
маска Скрывает элемент, маскируя или обрезая изображение в определенных местах
маскировочная Указывает, используется ли элемент маски в качестве маски яркости или альфа-маски.
макс. Высота Устанавливает максимальную высоту элемента
макс. Ширина Устанавливает максимальную ширину элемента
@media Устанавливает правила стиля для различных типов / устройств / размеров носителей
мин. Высота Устанавливает минимальную высоту элемента
Мин. Ширина Устанавливает минимальную ширину элемента
режим смешивания Определяет, как содержимое элемента должно сливаться с его прямым родительским фоном
пригонка объекта Определяет, как содержимое заменяемого элемента должно быть размещено в блоке, установленном его используемой высотой и шириной.
объект-позиция Задает выравнивание заменяемого элемента внутри его поля
непрозрачность Устанавливает уровень непрозрачности для элемента
заказать Устанавливает порядок гибкого элемента относительно остальных
дети-сироты Устанавливает минимальное количество строк, которое должно оставаться внизу страницы, когда разрыв страницы происходит внутри элемента.
контур Сокращенное свойство для outline-width, контурного стиля и
контур-цвет свойства
контурный цвет Устанавливает цвет контура
контур-офсет Смещает контур и выводит его за край границы
контурный Устанавливает стиль контура
ширина контура Устанавливает ширину контура
перелив Определяет, что происходит, если содержимое выходит за пределы поля элемента.
перелив-обертка Указывает, может ли браузер разбивать строки в словах, чтобы предотвратить переполнение (когда строка слишком длинна, чтобы уместиться в содержащем ее поле).
переполнение-x Указывает, следует ли обрезать левый / правый края содержимого, если оно выходит за пределы области содержимого элемента.
переполнение Указывает, следует ли обрезать верхний / нижний края содержимого, если оно выходит за пределы области содержимого элемента.
изменить размер Определяет, можно ли (и как) изменять размер элемента пользователем
правый Определяет правое положение позиционируемого элемента
междурядье Определяет зазор между рядами сетки
поведение прокрутки Указывает, следует ли плавно анимировать позицию прокрутки в прокручиваемом поле вместо прямого перехода.
размер табулятора Задает ширину символа табуляции
стол-макет Определяет алгоритм, используемый для компоновки ячеек, строк и столбцов таблицы
выравнивание текста Задает горизонтальное выравнивание текста
text-align-last Описывает, как выравнивается последняя строка блока или строка прямо перед принудительным разрывом строки, когда выравнивание текста имеет значение «выравнивание по ширине».
текстовый комбайн вертикальный Задает комбинацию нескольких символов в пространстве одного символа
текст-оформление Указывает украшение, добавленное к тексту
текст-украшение-цвет Определяет цвет оформления текста
текст-украшение-строка Определяет тип линии в текстовом оформлении
оформление текста Задает стиль линии в текстовом оформлении
текстовый отступ Задает отступ первой строки в текстовом блоке
с выравниванием текста по ширине Определяет метод выравнивания, используемый при выравнивании текста по ширине.
с ориентацией текста Определяет ориентацию текста в строке
переполнение текста Определяет, что должно произойти, когда текст переполняет содержащий элемент
тень текста Добавляет тень к тексту
преобразование текста Управляет использованием заглавных букв в тексте
текст-подчеркивание-позиция Определяет положение подчеркивания, которое задается с помощью свойства text-decoration
верх Определяет верхнюю позицию позиционируемого элемента
преобразование Применяет 2D или 3D преобразование к элементу
преобразование происхождения Позволяет изменять положение трансформируемых элементов
стиль трансформации Определяет, как вложенные элементы отображаются в трехмерном пространстве.
переход Сокращенное свойство для всех свойств перехода — *
задержка перехода Указывает, когда начнется эффект перехода.
продолжительность перехода Указывает, сколько секунд или миллисекунд требуется для выполнения эффекта перехода.
переход-собственность Задает имя свойства CSS, для которого применяется эффект перехода
функция времени перехода Определяет кривую скорости эффекта перехода
юникод-биди Используется вместе со свойством direction для установки или возврата, следует ли переопределить текст для поддержки нескольких языков в одном документе.
по выбору пользователя Указывает, можно ли выделить текст элемента.
белое пространство Определяет, как обрабатывается пустое пространство внутри элемента
вдовы Устанавливает минимальное количество строк, которые должны оставаться в верхней части страницы, когда разрыв страницы происходит внутри элемента.
ширина Устанавливает ширину элемента
разрыв слова Определяет, как слова должны разрываться при достижении конца строки
межсловный интервал Увеличивает или уменьшает расстояние между словами в тексте
перенос слов Позволяет разбивать длинные неразрывные слова и переносить их на следующую строку
режим записи Определяет расположение строк текста: горизонтально или вертикально.

CSS все имущество

Пример

Измените все свойства, применяемые к элементу или его родительскому элементу, на их начальное значение:

div
{
цвет фона: желтый;
цвет: красный;
все: начальные;
}

Попробуй сам »


Определение и использование

Свойство all сбрасывает все свойства, кроме unicode-bidi и
direction к их начальному или унаследованному значению.

Значение по умолчанию: нет
Унаследовано:
Анимация: нет. Прочитать о animatable
Версия: CSS3
Синтаксис JavaScript: объект .style.all = «начальный»

Поддержка браузера

Числа в таблице указывают первую версию браузера, полностью поддерживающую свойство.

Имущество
все 37,0 79,0 27,0 9,1 24,0

Синтаксис CSS

все: начальное | наследование | отключено;

Стоимость недвижимости

Значение Описание
начальный Изменяет все свойства, применяемые к элементу или его родительскому элементу, на их начальное значение
наследовать Изменяет все свойства, применяемые к элементу или родительскому элементу, на их родительское значение
снято Изменяет все свойства, применяемые к элементу или родительскому элементу, на их родительское значение, если они наследуются, или на их начальное значение, если не

Ссылка на селекторы CSS

п.

Селектор Пример Описание примера
. класс .intro Выбирает все элементы с
.class1.class2 .name1.name2 Выбирает все элементы с name1 и name2 set
в пределах своего атрибута класса
.класс1 .класс2 .name1 .name2 Выбирает все элементы с именем 2 , который является потомком
элемент с именем 1
# id # имя Выбирает элемент с
* * Выбирает все элементы
элемент п. Выбирает все элементы

элемент.класс стр. Intro Выбирает все элементы

с

элемент, элемент див, Выбирает все элементы

и все элементы

элемент элемент дел p Выбирает все элементы

внутри элементов

элемент > элемент div> p Выбирает все элементы

, родительский элемент которых является элементом

.
элемент + элемент дел + п Выбирает первый элемент

, который помещается сразу после элементов

элемент1 ~ элемент2 пр ~ ул Выбирает каждый элемент

    , которому предшествует элемент

    .

[ атрибут ] [цель] Выбирает все элементы с целевым атрибутом
[ атрибут = значение ] [target = _blank] Выбирает все элементы с target = «_ blank»
[ атрибут ~ = значение ] [название ~ = цветок] Выбирает все элементы с атрибутом заголовка, содержащим слово «цветок»
[ атрибут | = значение ] [lang | = en] Выбирает все элементы со значением атрибута lang, начинающимся с «en»
[ атрибут ^ = значение ] а [href ^ = «https»] Выбирает каждый элемент , значение атрибута href которого начинается с https.
[ атрибут $ = значение ] а [href $ = «.pdf »] Выбирает каждый элемент , значение атрибута href которого заканчивается на «.pdf»
[ атрибут * = значение ] a [href * = «w3schools»] Выбирает каждый элемент , значение атрибута href которого содержит подстроку «w3schools».
: активный a: активный Выбирает активную ссылку
:: после р :: после Вставить что-нибудь после содержимого каждого элемента

:: до р :: до Вставить что-нибудь перед содержанием каждого элемента

: проверено ввод: проверено Выбирает каждый проверенный элемент
: по умолчанию ввод: по умолчанию Выбирает элемент по умолчанию
: отключено вход: отключен Выбирает каждый отключенный элемент
: пусто п: пусто Выбирает каждый элемент

, не имеющий дочерних элементов (включая текстовые узлы)

: включено вход: включен Выбирает каждый активированный элемент
: первенец р: первенец Выбирает каждый элемент

, который является первым дочерним элементом своего родительского

:: первая буква п :: первая буква Выбирает первую букву каждого элемента

:: первая линия р :: первая линия Выбирает первую строку каждого элемента

: первый в своем роде п: первый номер Выбирает каждый элемент

, который является первым элементом

его родительского

: фокус ввод: фокус Выбирает элемент ввода с фокусом
: полноэкранный : полноэкранный Выбирает элемент, который находится в полноэкранном режиме
: парение a: парение Выбирает ссылки при наведении указателя мыши на
: в пределах вход: в диапазоне Выбирает элементы ввода со значением в указанном диапазоне
: неопределенный ввод: неопределенный Выбирает элементы ввода, находящиеся в неопределенном состоянии
: недействительно ввод: неверный Выбирает все входные элементы с недопустимым значением
: язык ( язык ) с: lang (it) Выбирает каждый элемент

с атрибутом lang, равным «it» (итальянский)

: последний ребенок р: последний ребенок Выбирает каждый элемент

, который является последним дочерним элементом своего родительского

: последний тип п: последний тип Выбирает каждый элемент

, который является последним элементом

его родительского

: ссылка а: ссылка Выбирает все непосещенные ссылки
:: маркер :: маркер Выбирает маркеры пунктов списка
: нет ( селектор ) : нет (р) Выбирает каждый элемент, не являющийся элементом

: nth-ребенок ( n ) р: nth-ребенок (2) Выбирает каждый элемент

, который является вторым дочерним элементом своего родительского

: nth-последний-ребенок ( n ) p: nth-last-child (2) Выбирает каждый элемент

, который является вторым дочерним элементом своего родителя, считая от последнего дочернего элемента

: nth-last-of-type ( n ) p: nth-last-of-type (2) Выбирает каждый элемент

, который является вторым элементом

своего родительского элемента, считая от последнего дочернего элемента

: nth-of-type ( n ) п: n-го типа (2) Выбирает каждый элемент

, который является вторым элементом

его родительского

: только тип п: одинарный Выбирает каждый элемент

, который является единственным элементом

его родительского

: единственный ребенок р: единственный ребенок Выбирает каждый элемент

, который является единственным дочерним элементом своего родительского

: опционально вход: опционально Выбирает элементы ввода без атрибута «обязательный»
: вне допустимого диапазона вход: вне допустимого диапазона Выбирает элементы ввода со значением вне указанного диапазона
:: заполнитель input :: заполнитель Выбирает элементы ввода с указанным атрибутом «заполнитель»
: только для чтения вход: только чтение Выбирает элементы ввода с указанным атрибутом «только для чтения»
: чтение-запись вход: чтение-запись Выбирает элементы ввода с НЕ указанным атрибутом «только для чтения»
: требуется ввод: требуется Выбирает элементы ввода с указанным атрибутом «обязательный».
: корень : корень Выбирает корневой элемент документа
:: выбор :: выбор Выбирает часть элемента, выбранную пользователем
: цель # новости: цель Выбирает текущий активный элемент #news (щелкнул URL-адрес, содержащий это имя привязки)
: действует ввод: действительный Выбирает все входные элементы с допустимым значением
: посетил а: посетил Выбирает все посещенные ссылки

Свойство отображения CSS

Пример

Использование различных отображаемых значений:

п.ex1 {display: none;}
p.ex2 {display: inline;}
p.ex3 {display:
block;}
p.ex4 {display: inline-block;}

Попробуй сам »

Дополнительные примеры «Попробуйте сами» ниже.


Определение и использование

Свойство display определяет поведение отображения
(тип окна рендеринга) элемента.

В HTML значение свойства отображения по умолчанию берется из спецификаций HTML или из таблицы стилей по умолчанию браузера / пользователя.В
значение по умолчанию в XML является встроенным, включая элементы SVG.

Значение по умолчанию: ?
Унаследовано:
Анимация: нет. Прочитать о animatable
Версия: CSS1
Синтаксис JavaScript: объект . Стиль.display = «none»
Попытайся

Поддержка браузера

Числа в таблице указывают первую версию браузера, полностью поддерживающую свойство.

Имущество
дисплей 4,0 8,0 3,0 3,1 7.0

Примечание: Значения «flex» и «inline-flex» требуют префикса -webkit- для работы в Safari.

Примечание: «display: contents» не работает в Edge.
предыдущая версия 79.



Синтаксис CSS

Стоимость недвижимости

Значение Описание Играй
рядный Отображает элемент как встроенный элемент (например, ).Любые свойства высоты и ширины не будут иметь никакого эффекта Играй »
блок Отображает элемент как блочный (например,

). Это начинается на
новая строка и занимает всю ширину

Играй »
содержание Заставляет контейнер исчезнуть, делая дочерние элементы дочерними элементами
элемент на следующий уровень в DOM
Играй »
гибкий Отображает элемент как гибкий контейнер на уровне блока Играй »
сетка Отображает элемент как контейнер сетки уровня блока Играй »
рядный блок Отображает элемент как контейнер блока встроенного уровня.Сам элемент отформатирован как встроенный
элемент, но вы можете применить значения высоты и ширины
Играй »
линейно-гибкий Отображает элемент как гибкий контейнер встроенного уровня Играй »
линейная сетка Отображает элемент как контейнер сетки встроенного уровня Играй »
встроенный стол Элемент отображается в виде таблицы встроенного уровня Играй »
пункт списка Пусть элемент ведет себя как элемент

  • Играй »
    обкатка Отображает элемент как блочный или встроенный, в зависимости от контекста Играй »
    стол Пусть элемент ведет себя как элемент

    Играй »
    заголовок таблицы Пусть элемент ведет себя как элемент

    Играй »
    таблица-столбец-группа Пусть элемент ведет себя как элемент

    Играй »
    таблица-заголовок-группа Пусть элемент ведет себя как элемент

    Играй »
    нижний колонтитул группы Пусть элемент ведет себя как элемент

    Играй »
    таблица-строка-группа Пусть элемент ведет себя как элемент

    Играй »
    таблица-ячейка Пусть элемент ведет себя как элемент

    Играй »
    таблица-столбец Пусть элемент ведет себя как элемент

    Играй »
    таблица-ряд Пусть элемент ведет себя как элемент

    Играй »
    нет Элемент полностью удален Играй »
    начальный Устанавливает для этого свойства значение по умолчанию.Читать про начальный Играй »
    наследовать Наследует это свойство от своего родительского элемента. Читать про наследство

    Другие примеры

    Пример

    Демонстрация того, как использовать значение свойства contents. В следующих
    Например, контейнер .a исчезнет, ​​а дочерние элементы (.b)
    дочерние элементы элемента на следующий уровень в DOM:

    .дисплей {
    : содержание;
    граница:
    2px сплошной красный;
    цвет фона: #ccc;
    отступ: 10 пикселей;
    ширина: 200 пикселей;
    }

    .b {
    граница: сплошной синий 2 пикселя;
    цвет фона: светло-голубой;
    отступ: 10 пикселей;
    }

    Попробуй сам »

    Пример

    Демонстрация того, как использовать значение наследуемого свойства:

    корпус {
    дисплей: встроенный;
    }

    p {
    display: наследовать;
    }

    Попробуй сам »

    Пример

    Установить направление некоторых гибких элементов внутри элемента

    в обратном направлении.
    заказ:

    div {
    дисплей: гибкий;
    flex-direction: ряд-реверс;
    }

    Попробуй сам »


    Связанные страницы

    Учебное пособие по CSS: Отображение CSS и
    видимость

    Ссылка на HTML DOM: свойство отображения


    Список свойств CSS3 — Tutorial Republic

    align-content Задает выравнивание элементов гибкого контейнера внутри гибкого контейнера.
    align-items Задает выравнивание по умолчанию для элементов в гибком контейнере.
    выровнять сам Задает выравнивание для выбранных элементов в гибком контейнере.
    анимация Задает анимацию на основе ключевых кадров.
    задержка анимации Указывает, когда начнется анимация.
    анимационное направление Указывает, должна ли анимация воспроизводиться в обратном порядке поочередно или нет.
    продолжительность анимации Определяет количество секунд или миллисекунд, которое требуется анимации для завершения одного цикла.
    режим заливки анимации Определяет, как CSS-анимация должна применять стили к своей цели до и после ее выполнения.
    количество итераций анимации Указывает, сколько раз цикл анимации должен быть воспроизведен перед остановкой.
    имя-анимации Задает имя @keyframes определенных анимаций, которые должны быть применены к выбранному элементу.
    состояние воспроизведения анимации Указывает, запущена или приостановлена ​​анимация.
    функция синхронизации анимации Определяет, как должна развиваться CSS-анимация в течение каждого цикла.
    задняя видимость Указывает, будет ли «обратная» сторона преобразованного элемента видна, если смотреть лицом к пользователю.
    фон Определяет множество свойств фона в одном объявлении.
    фоновое крепление Укажите, фиксируется ли фоновое изображение в области просмотра или прокручивается.
    фоновая клипса Задает область рисования фона.
    цвет фона Определяет цвет фона элемента.
    фоновое изображение Определяет фоновое изображение элемента.
    фон-происхождение Задает область расположения фоновых изображений.
    фоновая позиция Определяет источник фонового изображения.
    фоновый повтор Укажите, будет ли / как фоновое изображение выложено мозаикой.
    размер фона Задает размер фоновых изображений.
    граница Задает ширину, стиль и цвет для всех четырех сторон границы элемента.
    нижняя граница Задает ширину, стиль и цвет нижней границы элемента.
    цвет нижней границы Задает цвет нижней границы элемента.
    граница, нижний левый радиус Определяет форму нижнего левого угла границы элемента.
    граница, нижняя правая, радиус Определяет форму нижнего правого угла границы элемента.
    с окантовкой снизу Задает стиль нижней границы элемента.
    ширина по краю снизу Задает ширину нижней границы элемента.
    граница-обрушение Указывает, соединены ли границы ячеек таблицы или разделены.
    цвет рамки Задает цвет границы со всех четырех сторон элемента.
    бордюр Определяет, как изображение должно использоваться вместо стилей границ.
    граница-изображение-исход Задает величину, на которую область изображения границы выходит за пределы рамки.
    повтор изображения границы Определяет, должна ли граница изображения повторяться, закругляться или растягиваться.
    граница-изображение-фрагмент Задает внутреннее смещение границы изображения.
    border-image-source Задает расположение изображения, которое будет использоваться в качестве границы.
    ширина границы изображения Задает ширину границы изображения.
    граница слева Задает ширину, стиль и цвет левой границы элемента.
    цвет рамки слева Задает цвет левой границы элемента.
    граница слева Задает стиль левой границы элемента.
    ширина рамки слева Задает ширину левой границы элемента.
    граница-радиус Определяет форму краевых углов элемента.
    граница правая Задает ширину, стиль и цвет правой границы элемента.
    цвет поля справа Задает цвет правой границы элемента.
    граница правая Задает стиль правой границы элемента.
    ширина поля справа Задает ширину правой границы элемента.
    расстояние между границами Задает интервал между границами соседних ячеек таблицы.
    бордюр Задает стиль границы со всех четырех сторон элемента.
    с бордюром Задает ширину, стиль и цвет верхней границы элемента.
    цвет верхней границы Задает цвет верхней границы элемента.
    граница, верхний левый радиус Определяет форму верхнего левого угла границы элемента.
    граница верхняя правая радиус Определяет форму верхнего правого угла границы элемента.
    с бордюром Задает стиль верхней границы элемента.
    ширина границы по верху Задает ширину верхней границы элемента.
    ширина рамки Задает ширину границы со всех четырех сторон элемента.
    нижняя Укажите расположение нижнего края позиционируемого элемента.
    тень коробки Применяет одну или несколько падающих теней к блоку элемента.
    размер коробки Изменить стандартную блочную модель CSS.
    со стороны подписи Укажите положение заголовка таблицы.
    прозрачный Задает размещение элемента по отношению к плавающим элементам.
    зажим Определяет область отсечения.
    цвет Укажите цвет текста элемента.
    количество столбцов Задает количество столбцов в элементе с несколькими столбцами.
    заполнение колонки Задает способ заполнения столбцов.
    колонна-зазор Задает промежуток между столбцами в многоколоночном элементе.
    линейка-столбец Задает прямую линию или «правило», проводимую между каждым столбцом в многоколоночном элементе.
    цвет столбца-правила Задает цвет правил, нарисованных между столбцами в многоколоночном макете.
    стиль столбца-правила Задает стиль правила, нарисованного между столбцами в многоколоночном макете.
    ширина столбца-правила Задает ширину линейки, нарисованной между столбцами в многоколоночном макете.
    колонна-пролет Указывает, сколько столбцов занимает элемент в многоколоночном макете.
    ширина столбца Задает оптимальную ширину столбцов в элементе с несколькими столбцами.
    столбцов Сокращенное свойство для установки свойств column-width и column-count .
    содержание Вставляет сгенерированный контент.
    счетчик Увеличивает одно или несколько значений счетчика.
    сброс счетчика Создает или сбрасывает один или несколько счетчиков.
    курсор Укажите тип курсора.
    направление Определите направление текста / направление письма.
    дисплей Определяет, как элемент отображается на экране.
    пустые ячейки Показать или скрыть границы и фон пустых ячеек таблицы.
    гибкий Задает компоненты гибкой длины.
    гибкая основа Задает начальный основной размер гибкого элемента.
    изгиб Задает направление гибких элементов.
    гибкий поток Сокращенное свойство для свойств flex-direction и flex-wrap .
    гибкий рост Определяет, как гибкий элемент будет расти относительно других элементов внутри гибкого контейнера.
    гибкая усадка Указывает, как гибкий элемент будет сжиматься по сравнению с другими элементами внутри гибкого контейнера.
    гибкая пленка Указывает, должны ли гибкие элементы оборачиваться или нет.
    с плавающей запятой Определяет, должен ли блок плавать.
    шрифт Определяет множество свойств шрифта в одном объявлении.
    семейство шрифтов Определяет список шрифтов для элемента.
    размер шрифта Определяет размер шрифта для текста.
    регулировка размера шрифта Сохраняет удобочитаемость текста при восстановлении шрифта.
    растяжка шрифта Выбирает обычное, сжатое или расширенное начертание шрифта.
    стиль шрифта Определяет стиль шрифта для текста.
    вариант шрифта Укажите вариант шрифта.
    font-weight Укажите толщину шрифта текста.
    высота Укажите высоту элемента.
    justify-content Указывает, как гибкие элементы выравниваются по главной оси гибкого контейнера после определения любых гибких длин и автоматических полей.
    слева Укажите расположение левого края позиционируемого элемента.
    межбуквенный интервал Задает дополнительный интервал между буквами.
    высота строки Устанавливает высоту между строками текста.
    в виде списка Определяет стиль отображения для списка и элементов списка.
    изображение в стиле списка Задает изображение, которое будет использоваться в качестве маркера элемента списка.
    позиция стиля списка Определяет положение маркера элемента списка.
    тип списка Задает стиль маркера для элемента списка.
    маржа Задает поля со всех четырех сторон элемента.
    нижнее поле Устанавливает нижнее поле элемента.
    поле слева Задает левое поле элемента.
    поле справа Задает правое поле элемента.
    верхняя маржа Задает верхнее поле элемента.
    макс. Высота Укажите максимальную высоту элемента.
    макс. Ширина Укажите максимальную ширину элемента.
    мин-высота Укажите минимальную высоту элемента.
    мин. Ширина Укажите минимальную ширину элемента.
    непрозрачность Задает прозрачность элемента.
    заказать Задает порядок, в котором элементы гибкости отображаются и размещаются в контейнере гибкости.
    контур Устанавливает ширину, стиль и цвет для всех четырех сторон контура элемента.
    цвет контура Устанавливает цвет контура.
    контур-офсет Установите расстояние между контуром и краем элемента.
    контурный Задает стиль контура.
    ширина контура Устанавливает ширину контура.
    перелив Определяет обработку содержимого, которое выходит за пределы поля элемента.
    переполнение-x Определяет обработку содержимого, которое выходит за пределы поля элемента по горизонтали.
    переполнение Определяет обработку содержимого, которое выходит за пределы поля элемента по вертикали.
    набивка Задает отступ со всех четырех сторон элемента.
    набивка нижняя Устанавливает отступ по нижней стороне элемента.
    прокладка левая Устанавливает отступ слева от элемента.
    прокладка правая Устанавливает отступ справа от элемента.
    утеплитель Устанавливает отступ на верхней стороне элемента.
    разрыв страницы после Вставляет разрыв страницы после элемента.
    разрыв страницы перед Вставляет разрыв страницы перед элементом.
    разрыв страницы внутри Вставляет разрывы страниц внутри элемента.
    перспектива Определяет перспективу, с которой просматриваются все дочерние элементы объекта.
    перспективное начало Определяет исходную точку (точку схода для трехмерного пространства) для свойства перспективы.
    позиция Задает расположение элемента.
    котировки Задает кавычки для встроенных цитат.
    изменить размер Указывает, может ли пользователь изменять размер элемента.
    правый Укажите расположение правого края позиционируемого элемента.
    размер табулятора Задает длину символа табуляции.
    стол-макет Задает алгоритм компоновки таблицы.
    выравнивание текста Задает горизонтальное выравнивание встроенного содержимого.
    text-align-last Задает способ выравнивания последней строки блока или строки непосредственно перед принудительным разрывом строки, если выравнивание текста равно выравниванию .
    текст-оформление Задает украшение, добавляемое к тексту.
    цвет текстового оформления Задает цвет строки оформления текста .
    текст-украшение-строка Указывает, какие линейные украшения добавляются к элементу.
    стиль оформления текста Задает стиль линий, заданный свойством text-decoration-line
    текстовый отступ Сделать отступ в первой строке текста.
    выравнивание текста по ширине Указывает метод выравнивания, который будет использоваться, если для свойства выравнивания текста задано значение выравнивание .
    переполнение текста Определяет, как будет отображаться текстовое содержимое при переполнении контейнеров блоков.
    текстовая тень Применяет одну или несколько теней к текстовому содержимому элемента.
    преобразование текста Преобразует регистр текста.
    верх Укажите расположение верхнего края позиционируемого элемента.
    преобразование Применяет к элементу преобразование 2D или 3D.
    преобразование происхождения Определяет исходную точку преобразования для элемента.
    стиль трансформации Указывает, как вложенные элементы отображаются в трехмерном пространстве.
    переход Определяет переход между двумя состояниями элемента.
    задержка перехода Указывает, когда начнется эффект перехода.
    продолжительность перехода Определяет количество секунд или миллисекунд, которое должно занять эффект перехода.
    переходная собственность Задает имена свойств CSS, к которым должен применяться эффект перехода.
    функция времени перехода Определяет кривую скорости эффекта перехода.
    с выравниванием по вертикали Задает вертикальное расположение элемента относительно текущей базовой линии текста.
    видимость Указывает, является ли элемент видимым.
    белое пространство Определяет, как обрабатываются пробелы внутри элемента.
    ширина Укажите ширину элемента.
    разрыв слов Указывает, как разбивать строки внутри слов.
    межсловный интервал Устанавливает интервал между словами.
    перенос слов Указывает, следует ли разрывать слова, когда содержимое выходит за границы своего контейнера.
    z-индекс Задает порядок наложения или наложения для позиционированных элементов.

    Основные свойства CSS

    Свойство Описание Значения
    граница Устанавливает все свойства границы в одном объявлении ширина границы,
    стиль границы,
    цвет границы
    граница нижняя Устанавливает все свойства нижней границы в одном объявлении ширина-нижняя граница,
    border-bottom-style,
    цвет нижней границы
    цвет нижней границы Устанавливает цвет нижней границы цвет рамки
    с окантовкой снизу Устанавливает стиль нижней границы с бордюром
    ширина по нижнему краю Устанавливает ширину нижней границы ширина рамки
    цвет рамки Устанавливает цвет четырех границ имя_цвета,
    шестнадцатеричное_число,
    rgb_number,
    прозрачный,
    унаследовать
    граница левая Устанавливает все свойства левой границы в одном объявлении граница левой ширины,
    граница-левый стиль,
    цвет границы слева
    цвет рамки слева Устанавливает цвет левой границы цвет рамки
    рамка-левая Устанавливает стиль левой границы
    бордюрный стиль
    ширина рамки слева Устанавливает ширину левой границы ширина рамки
    граница правая Устанавливает все свойства правой границы в одном объявлении ширина границы по правому краю,
    border-right-style,
    цвет границы справа
    рамка-правая Устанавливает цвет правой границы цвет рамки
    граница-правая Устанавливает стиль правой границы с бордюром
    ширина рамки справа Устанавливает ширину правой границы ширина рамки
    с бордюром Устанавливает стиль четырех границ нет,
    скрытый,
    пунктирный,
    пунктирная,
    твердый,
    двойной,
    канавка,
    гребень
    вставка
    начало,
    унаследовать
    бордюрный верх Устанавливает все свойства верхней границы в одном объявлении border-top-width,
    граница-верх-стиль,
    цвет верхней границы
    цвет верхней границы Устанавливает цвет верхней границы цвет рамки
    с бордюром Устанавливает стиль верхней границы с бордюром
    ширина до верхней границы Устанавливает ширину верхней границы ширина рамки
    ширина рамки Устанавливает ширину четырех границ тонкий,
    Средняя,
    толстый,
    длина,
    наследовать

    Шпаргалка по CSS — интерактивная, а не в формате PDF

    align-content поведение свойства flex-wrap

    align-items выравнивание предметов внутри контейнера

    align-self выравнивание для выбранного элемента

    все изменения все свойства

    анимация привязывает анимацию к элементу

    animation-delay задерживает начало анимации

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

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

    animation-fill-mode стиль, когда анимация не воспроизводится

    animation-iteration-count количество повторов анимации

    animation-name имя для анимации @keyframes

    animation-play-state анимация запущена или приостановлена ​​

    анимация-функция синхронизации кривая скорости анимации

    backface-visibility — элемент, видимый не лицом к экрану

    фон все свойства фона в одной декларации

    background-attachment — фиксированное или прокручиваемое фоновое изображение

    background-blend-mode режим наложения каждого фонового слоя

    фон-клип закрашивание области фона

    цвет фона цвет фона

    фоновое изображение фоновое изображение

    background-origin , где располагается фоновое изображение

    background-position начальная позиция фонового изображения

    повторение фона способ повторения фонового изображения

    размер фона размер фонового изображения

    border устанавливает все свойства границы в одной строке

    border-bottom свойства нижней границы в одной строке

    border-bottom-color цвет нижней границы

    border-bottom-left-radius border-bottom-left-radius

    граница, нижний правый радиус граница, нижний правый радиус

    стиль нижней границы стиль нижней границы

    border-bottom-width border-bottom-width

    обрушение границы обрушение границы

    цвет рамки цвет рамки

    border-image устанавливает изображение в качестве границы

    border-image-outset Область изображения границы выходит за пределы рамки

    border-image-repeat пограничное изображение повторяется, закругляется или растягивается

    border-image-slice как нарезать изображение границы

    border-image-source путь к образу границы

    ширина изображения границы ширина изображения границы

    border-left свойства left border в одной строке

    цвет рамки слева цвет рамки слева

    граница слева граница слева

    ширина границы слева ширина границы слева

    радиус границы радиус границы четырех закругленных углов

    граница-правая правая граница свойств в одной строке

    цвет рамки справа цвет рамки справа

    стиль границы справа стиль границы справа

    ширина границы справа ширина границы справа

    интервал границы интервал границы

    стиль границы стиль границы

    border-top верхняя граница свойств в одной строке

    цвет верхней границы цвет верхней границы

    граница, верхний левый радиус граница, верхний левый радиус

    border-top-right-radius border-top-right-radius

    с бордюром с бордюром по верху

    border-top-width border-top-width

    ширина границы ширина границы

    дно смещение дна для относительных и абсолютных элементов

    box-shadow тень от элемента

    размер коробки размер коробки

    caption-side Размещение заголовка таблицы

    очистить запретить плавание элемента

    зажим зажим абсолютно позиционированный элемент

    цвет цвет текста

    количество столбцов разделить содержимое на столбцы

    заполнение колонки сбалансированное заполнение или нет

    колонна-зазор зазор между колоннами

    column-rule разделитель между столбцами, например граница

    цвет правила столбца цвет правила столбца

    стиль правила столбца стиль правила столбца

    ширина правила столбца ширина правила столбца

    пролет колонны пролет колонны

    ширина столбца ширина столбца

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

    содержимое вставить содержимое: до и: после элементов

    счетчик шагов счетных секций

    сброс счетчика сброс счетчика

    курсор тип курсора при наведении курсора

    направление направление письма, арабский язык — RTL

    дисплей прямоугольный дисплей тип

    empty-cells скрыть границы и фон пустых ячеек таблицы

    фильтр эффекты изображения: оттенки серого, размытие, инвертирование и т. Д.

    flex длина элемента относительно других элементов внутри контейнера

    гибкая основа начальная длина гибкой детали

    направление гибкости направление гибких элементов

    flex-flow сокращение для flex-direction и flex-wrap

    flex-grow насколько элемент будет расти относительно других элементов

    flex-shrink как усадить предмет по сравнению с другими предметами

    гибкая пленка гибкая пленка

    поплавок поплавок левый или правый

    шрифт все свойства шрифта в одной строке

    @ font-face объявить шрифты, не являющиеся веб-безопасными

    font-family шрифт элемента

    размер шрифта размер шрифта

    font-size-adjust Управляйте размером шрифта, если первая заявленная опция недоступна

    font-stretch расширенный или узкий текст

    стиль шрифта стиль шрифта: обычный, курсив, наклонный

    вариант шрифта набор заглавных букв

    font-weight используйте жирные или тонкие символы

    знак препинания можно ли поставить знак препинания за пределами строки?

    высота высота элемента

    justify-content при необходимости выравнивает элементы гибкого контейнера по горизонтали

    @keyframes указывает код анимации

    влево смещение влево для относительных и абсолютных элементов

    межбуквенный интервал интервал между символами

    высота строки высота строки текста или строчных блочных элементов

    стиль списка все свойства списка в одной строке

    list-style-image заменить маркер элемента списка изображением

    list-style-position маркеры элементов списка внутри или вне потока контента

    list-style-type установить тип маркера элемента списка

    поле установить верхнее, правое, нижнее и левое поля в одну строку

    нижнее поле нижнее поле

    левое поле левое поле

    поле справа поле справа

    верхнее поле верхнее поле

    макс. Высота макс. Высота элемента

    max-width максимальная ширина элемента

    @media см. Медиа-запросы

    мин. Высота мин. Высота

    минимальная ширина минимальная ширина

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

    nav-index устанавливает последовательный порядок навигации

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

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

    nav-up куда перемещаться при нажатии кнопки со стрелкой вверх

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

    заказ элементы повторного заказа в контейнере

    контур дроу внешняя граница вокруг элементов

    цвет контура цвет контура

    контур-смещение зазор между элементом и контуром

    стиль контура стиль контура

    ширина контура ширина контура

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

    перелив-x горизонтальный перелив

    перелив вертикальный перелив

    отступ отступ между границей элемента и содержимым

    набивка дна набивка дна

    отступ слева отступ слева

    прокладка правая прокладка правая

    утеплитель утеплитель

    page-break-after добавляет разрыв страницы после элемента

    page-break-before добавляет разрыв страницы перед элементом

    page-break-inside разрешить разрыв страницы внутри элемента

    перспектива сколько пикселей трехмерный элемент размещен от вида

    перспектива-начало где — трехмерный элемент, основанный на осях x и y

    позиция тип позиционирования: абсолютное, фиксированное, относительное, статическое

    кавычек установить кавычки, чтобы обернуть элемент

    изменить размер объявить элементы с изменяемым размером

    вправо смещение вправо для относительных и абсолютных элементов

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

    table-layout алгоритм компоновки таблицы

    выравнивание текста выравнивание текста по горизонтали

    text-align-last горизонтальное выравнивание последней строки текста

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

    text-indent отступ первой строки текста

    переполнение текста способ обозначения переполненного содержимого (многоточие)

    тень текста тень текста

    преобразование текста использование заглавных букв текста

    верх верхнее смещение для относительных и абсолютных элементов

    преобразование 2D преобразование в 3D.См. Виджет.

    transform-origin изменяет положение преобразованных элементов

    стиль преобразования визуализация вложенных элементов в 3D

    переход свойства перехода в одной строке

    transition-delay задержка до начала эффекта перехода

    продолжительность перехода продолжительность эффекта перехода

    свойство перехода , свойство CSS которого влияет на переход

    временная функция перехода кривая скорости перехода

    unicode-bidi если текст должен быть переопределен для поддержки большего количества языков

    выбор пользователя отключить выбор содержимого пользователя

    выравнивание по вертикали выравнивание по вертикали

    видимость видимость: скрытые элементы оставляют зазор

    white-space как обрабатываются белые пространства

    ширина ширина элемента

    разрыв слова правила разрыва текста, когда текст достигает конца контейнера

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

    перенос слов разрыв длинных слов и перенос на следующую строку

    z-index порядок стека элемента

    .

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *