freeCodeCamp/guide/russian/css/layout/display-property/index.md

title	localeTitle
Display Property	Показать свойство

Показать свойство

Свойство display указывает тип поля, используемого для элемента HTML. Всего 20 основных значений ключевых слов, хотя обычно используется только 10. Обычно используются:

.none           {display: none} 
 .block          {display: block} 
 .inline-block   {display: inline-block} 
 .inline         {display: inline} 
 .flex           {display: flex} 
 .inline-flex    {display: inline-flex} 
 .inline-table   {display: inline-table} 
 .table          {display: table} 
 .inherit        {display: inherit} 
 .initial        {display: initial} 

Общие примеры:

.myBox { 
    display: block; 
 } 
 
 .myContainer { 
    display: flex; 
 } 
 
 .inlineList ul > li { 
    display: inline; 
 } 

Дополнительная информация:

• Документация и полный список значений ключевых слов: MDN

• Ссылка W3Schools CSS на свойство отображения доступна: W3Schools

• CSS-TRICKS имеет отличную ссылку на свойство отображения: CSS-Tricks

• Поддержка браузера: caniuse

• Полное руководство по Flexbox: CSS-Tricks