Свойства, связанные с выравниванием текста в CSS.

Свойства, связанные с выравниванием текста в CSS.

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

Отступы.

Используйте свойство text-indent в CSS для указания размера отступа для первой строки текста элемента text-indent и его значения:

                        длина
                        процент
                        inherit

Начальное значение: 0. Применимо: К блочным элементам и ячейкам таблиц. Наследуется: Да.

Значение свойства text-indent может быть выражено в любых единицах длины и процентах (относительно ширины родительского элемента).

                    р#v	{
                    	text-indent: 3em; 
                        }

Вот, примеры, на которых Вы воочюю убедитесь как действует свойство text-indent при значениях выраженных разными способами. Прекрасно представляете, что значения можно выражать как через абсолютные величины, так и через относительные. Тут даются несколько вариантов типов значений. Смотрите и размышляйте.

                      
                    р#vv {	
                        text-indent: 25%;	
                        }

Вот, примеры, на которых Вы воочюю убедитесь как действует свойство text-indent при значениях выраженных разными способами. Прекрасно представляете, что значения можно выражать как через абсолютные величины, так и через относительные. Тут даются несколько вариантов типов значений. Смотрите и размышляйте.

                       
                    р#vvv {	
                        text-indent: -20рх;	
                        }

Вот, примеры, на которых Вы воочюю убедитесь как действует свойство text-indent при значениях выраженных разными способами. Прекрасно представляете, что значения можно выражать как через абсолютные величины, так и через относительные. Тут даются несколько вариантов типов значений. Смотрите и размышляйте.

В третьем правиле этого списка показано допустимое отрицательное значение свойства text-indent. Отрицательные значения можно использовать для создания выступа. Данную возможность следует применять с осторожностью, поскольку может исчезнуть левый край окна браузера; она может не поддерживаться старыми версиями браузеров. Последнее, что нужно знать об отступах - это то, что дочерний элемент наследует из родительского элемента вычисленное значение отступа, а не указанное в родительском элементе. Так, если ширина элемента div определена в 800 пикселов с 10% полей, вычисленный отступ составит 80 пикселов. Абзац, находящийся внутри элемента div будет наследовать 80-пикселовый отступ, а не 10% значение text-indent 10%. Тут немного запутано написано, но посидите и разберетесь.

Этот раздел Вам очень нужен, потому как создание начинается с письма. Письмо приятно читать, когда оно красиво написано и хорошо упаковано. Перейдем и почитаем как же горизонтально выравнивается письмо.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед