Добрый день уважаемые читатели. Сегодня короткая заметка о том как сделать красную строку для каждого абзаца на html — странице. Если кто не знает, то красная строка это отступ первой строки в блоке текста. Такой отступ в абзацах можно встретить практически в любом печатном тексте, но при создании веб-сайтов оформление красной строки встречается довольно редко, несмотря на то, что она позволяет гораздо удобнее воспринимать текст. На случай если вдруг заказчик потребует, чтобы абзацы на его сайте начинались с красной строки, то привожу для вас простой рецепт решения этой задачи.
Решить задачу можно многими способами, например можно в начале каждого абзаца вставлять подряд несколько специальных символов , но это может занять достаточно большое количество времени. Поэтому я рекомендую для создания красной строки использовать свойство CSS text-indent , которое задает отступ первой строки блока текста. При этом никакого воздействия на остальные строки не производиться.
Как писать с новой строки на компьютере.Как перейти на новую строку
Свойство text-indent имеет простой синтаксис:
В качестве значений можно указывать пиксели (px), пункты (pt) другие единицы принятые в CSS. Значение определяет на сколько сдвинуть текст первой строки в право от исходного положения. Допустимо указывать отрицательные значения, тогда текст сдвинется влево. При указании процентных значений, отступ первой строки вычисляется в зависимости от ширины блока текста.
Теперь к примерам. Для разделения абзацев в html обычно используют тег
. Тогда, чтобы в каждый абзац на странице начинался с красной строки достаточно добавить код css:
p text-indent: 25px; /* Отступ первой строки в пикселах */
>
Красная строка
p text-indent: 25px; /* Отступ первой строки в пикселах */
>
На краю дороги стоял дуб. Он был, вероятно, в десять раз старше берез, составлявших лес, в десять раз толще и в два раза выше каждой березы. Это был огромный, в два обхвата дуб, с обломанными суками и корой, заросшей старыми болячками. С огромными, неуклюже, несимметрично растопыренными корявыми руками и пальцами, он старым, сердитым и презрительным уродом стоял между улыбающимися березами. Только он один не хотел подчиниться обаянию весны и не хотел видеть ни весны, ни солнца.
Этот дуб как будто говорил: «Весна, и любовь, и счастье! И как не надоест вам все один и тот же глупый, бессмысленный обман! Все одно и то же, и все обман! Нет ни весны, ни солнца, ни счастья. Вон смотрите, сидят задавленные мертвые ели, всегда одинокие, и вон я растопырил свои обломанные, ободранные пальцы, выросшие из спины, из боков — где попало.
Как выросли — так и стою, и не верю вашим надеждам и обманам».
Князь Андрей несколько раз оглянулся на этот дуб, проезжая по лесу. Цветы и трава были и под дубом, но он все так же, хмурый, неподвижный, уродливый и упорный, стоял посреди них.
Если красную строку необходимо добавить только в один абзац, то можно сделать так:
На краю дороги стоял дуб. Он был, вероятно, в десять раз старше берез, составлявших лес, в десять раз толще и в два раза выше каждой березы. Это был огромный, в два обхвата дуб, с обломанными суками и корой, заросшей старыми болячками. С огромными, неуклюже, несимметрично растопыренными корявыми руками и пальцами, он старым, сердитым и презрительным уродом стоял между улыбающимися березами. Только он один не хотел подчиниться обаянию весны и не хотел видеть ни весны, ни солнца.
На краю дороги стоял дуб. Он был, вероятно, в десять раз старше берез, составлявших лес, в десять раз толще и в два раза выше каждой березы. Это был огромный, в два обхвата дуб, с обломанными суками и корой, заросшей старыми болячками. С огромными, неуклюже, несимметрично растопыренными корявыми руками и пальцами, он старым, сердитым и презрительным уродом стоял между улыбающимися березами. Только он один не хотел подчиниться обаянию весны и не хотел видеть ни весны, ни солнца.
Либо к абзацам, которые должны начинаться с красной строки добавляем атрибут class и добавляем нужный стиль:
p.indent text-indent: 25px;
>
Князь Андрей несколько раз оглянулся на этот дуб, проезжая по лесу. Цветы и трава были и под дубом, но он все так же, хмурый, неподвижный, уродливый и упорный, стоял посреди них.
Князь Андрей несколько раз оглянулся на этот дуб, проезжая по лесу. Цветы и трава были и под дубом, но он все так же, хмурый, неподвижный, уродливый и упорный, стоял посреди них.
Теперь вы запросто сможете сделать красную строку на своих html страницах. До новых встреч!
Источник: webcodius.ru
Выравнивание и красная строка в CSS
В этой статье рассмотрим, как выровнять текст на странице, и как сделать красную строку, средствами СSS.
Выравнивание задаётся свойством “text-align”, и имеет 4 значения:
left – выравнивание по левому краю
center – выравнивание по центру
right – выравнивание по правому краю
justify – выравнивание по ширине
h1 text-align : center ;
>
Красная строка задаётся свойством text-indent. Значение задаётся в пикселях, кому сколько нравится
p text-indent : 30px ;
>
И откроем страничку в браузере.
Результат неизменно превосходный. Все абзацы обзавелись красной строкой.
А если Вы хотите к красной строке ещё и красивую заглавную букву, то об этом на странице Красивая заглавная буква
Неужели не осталось вопросов? Спросить
Перемена
80-летний дед жалуется врачу:
— У меня после секса шум в ушах… что, это такое?
— Дедуля, это аплодисменты. »
Источник: starper55plys.ru
Как сделать красную строку в Ворде
Пользователи в момент форматирования текста в документе делают отступы в начале каждого абзаца. Это разумное решение, позволяет с легкостью читать текст, не перенапрягая глаза. После выделения абзацев документ смотрится более презентабельно. Сделать красную строку в Ворде можно тремя способами, рассмотрим ниже более подробно.
Оформить красную строку с помощью «Линейки»
Для данного метода потребуется линейка в Ворде. Если в открытом документе по умолчанию не отображается линейка, то это можно исправить. Нужно выполнить следующие шаги:
- Найти над титульным листом в правом верхнем углу значок «Линейки» и кликнуть по нему;
- Установить курсор мыши в начало строки и удерживая верхний бегунок на линейке (который отвечает за отступ первой строки) тянуть вправо до нужного значения (это может быть 1 см, 1,5 см);
Чтобы установить красную строку по всему документу, для начала нужно выделить весь текстовый фрагмент сочетанием клавиш «Ctrl»+ «А» и отметить на линейке соответствующее значение, потянув за верхний бегунок. Таким образом, в начале каждого нового абзаца добавится красная строка.
Клавиша «Tab»
Поставить красную строку можно с помощью клавиши «Tab». Для этого нужно:
- Перед написанием текста, нажать по кнопке «Tab»,которая располагается возле русской буквы «Й»;
- Появится отступ – значит можно начать печатать текст.
Таким образом, можно задать отступ, даже в уже готовом текстовом задании. Просто поставить курсор в начало строки и кликнуть по клавише «Tab».
Отступ с помощью строки «Абзац»
Для начала необходимо выделить соответствующий фрагмент текста и на пустой части листа нажать правой кнопкой мыши. В открывшемся новом окне выбрать строчку «Абзац».
Переключиться на вкладку «Отступы и интервалы». В подразделе «Отступ» под названием «Первая строка» выбрать из выпадающего списка «Отступ».
Автоматически красной строке присваивается значение 1,25 см. После указанных настроек следует нажать на «Ок».
Источник: kakvworde.ru