Какие CSS свойства не применяются к строчным элементам

Что проверяют

Понимаете ли вы, что поведение задаёт не тег, а тип бокса, и знаете ли про замещаемые элементы. Ответ уровня «не работают ширина и высота» принимают, но сразу уточняют: почему тогда у img они работают и почему padding рисуется, а строка не раздвигается.

Как отвечать

Оговорите, что речь про незамещаемые строчные боксы (display: inline): span, a, em. К ним не применяются:

• размеры: width, height, min-width, max-height и остальные, бокс всегда по содержимому;
• margin-top и margin-bottom: по спецификации к незамещаемым inline не применяются, вертикальные отступы игнорируются, горизонтальные работают;
• overflow: свойство блочных контейнеров, у строчного бокса эффекта нет, поэтому text-overflow: ellipsis без смены display не заработает;
• transform: к незамещаемым строчным боксам не применяется, поворот на span молча ничего не сделает;
• свойства флекс-элемента вроде align-self: работают, только если родитель flex-контейнер, но тогда потомок уже не строчный.

Отдельно про то, что работает с оговорками. padding и border рисуются, но не раздвигают строку по вертикали и наезжают на соседние строки, потому что высоту строки определяет line-height. background работает, однако при переносе разрезается на фрагменты, поведение регулирует box-decoration-break. vertical-align как раз про строчные боксы.

Чем чинить: display: inline-block включает размеры и вертикальные отступы, сохраняя обтекание текстом, а block, flex или grid дают полноценный блок. Полезно знать про блокификацию: position: absolute и float сами приводят display к блочному значению, поэтому width внезапно начинает действовать.

Где спотыкаются

Отвечают «у строчных не работают паддинги». Работают и видны, просто не влияют на высоту строки, и это ловят.

Ставят height ссылке в меню, видят, что ничего не изменилось, и лепят обёртки вместо одной строчки display: inline-block.

Забывают про замещаемые элементы. img, video, iframe, input, select тоже строчного уровня, но у них есть собственные размеры, поэтому width и height применяются.