Наследуемые значения свойства text-indent

Следует отметить, что свойство text-indent наследуется дочерними элементами. Например, если вы указали text-indent для div, все абзацы внутри этого div будут иметь то же значение text-indent. Однако это не заданное значение, передающееся вниз по иерархии, а вычисляемое значение. Вот пояснительный пример. Предположим, у нас есть div, содержащий текст, шириной 400 пикселов с отступом в 5%. Получается, что размер отступа составляет 20 пикселов (5% из 400). Внутри div находится абзац шириной 200 пикселов. Как дочерний элемент абзац наследует свойство text-indent, но наследуемое значение является результатом подсчета для родительского элемента, то есть не 5%, а 20 пикселов. В результате абзац также отображается с отступом в 20 пикселов, несмотря на его меньшую ширину. Таким образом, все последующие абзацы отображаются с одинаковыми отступами, несмотря на, возможно, разный размер.




Rambler's Top100