Почему начальная буква не активна в Word

Обновлено: 21.11.2024

Буквица долгое время использовалась в печатных СМИ для придания щегольства первой букве первого абзаца раздела или главы. Эти буквицы помогают привлечь внимание и завлечь читателя, и часто это хороший повод использовать очень стилизованный шрифт, потому что он применяется только к одной букве и не влияет на читабельность текста. Тот же эффект буквицы можно получить с помощью CSS, используя псевдоэлемент ::first-letter и новое свойство initial-letter.

::селектор псевдоэлементов по первой букве

::first-letter — это селектор псевдоэлементов, аналогичный ::before и ::after, который эффективно делает первую букву элемента стилизованной, как если бы это был отдельный отдельный элемент, и все это без необходимости добавлять какую-либо дополнительную разметку в ваши страницы.

Вот простой пример, где мы оформляем 1-ю букву 1-го абзаца или элемента статьи:

И с этим мы получаем что-то вроде этого:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ante turpis, rhoncus vel nisi eu, congue iaculis neque. Nunc bibendum dui felis, et auctor mi maximus in. Vestibulum porta orci et ex mattis, sit amet feugiat justo fermentum. Duis blandit tempor purus at elementum. В id consequat lorem.

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ante turpis, rhoncus vel nisi eu, congue iaculis neque. Nunc bibendum dui felis, et auctor mi maximus in. Vestibulum porta orci et ex mattis, sit amet feugiat justo fermentum. Duis blandit tempor purus at elementum. В id consequat lorem.

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ante turpis, rhoncus vel nisi eu, congue iaculis neque. Nunc bibendum dui felis, et auctor mi maximus in. Vestibulum porta orci et ex mattis, sit amet feugiat justo fermentum. Duis blandit tempor purus at elementum. В id consequat lorem.

Свойство с начальной буквой

Альтернативой использованию чисел с плавающей запятой вместе с высотой строки и размером шрифта для правильного оформления буквиц является использование нового свойства initial-letter, которое ожидает числовое значение, представляющее количество строк, до которых буквица должна расширяться. . Затем браузер автоматически вычисляет правильный размер шрифта:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ante turpis, rhoncus vel nisi eu, congue iaculis neque. Nunc bibendum dui felis, et auctor mi maximus in. Vestibulum porta orci et ex mattis, sit amet feugiat justo fermentum. Duis blandit tempor purus at elementum. В id consequat lorem.

Хотите узнать больше? Присоединяйтесь к сообществу DigitalOcean!

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

Псевдоэлемент CSS ::first-letter применяет стили к первой букве первой строки блочного элемента, но только если ему не предшествует другой контент (например, изображения или встроенные таблицы).

Первую букву элемента не всегда легко определить:

  • Пунктуация, которая предшествует первой букве или непосредственно следует за ней, учитывается при сопоставлении. Пунктуация включает любой символ Юникода, определенный в открытии (Ps), закрытии (Pe), начальной кавычке (Pi), конечной кавычке. (Pf) и другие знаки препинания (Po).
  • В некоторых языках диграфы всегда пишутся с заглавной буквы, например IJ в голландском языке. В этих случаях обе буквы орграфа должны соответствовать псевдоэлементу ::first-letter.
  • Сочетание псевдоэлемента ::before и свойства content может вставлять некоторый текст в начало элемента. В этом случае ::first-letter будет соответствовать первой букве этого сгенерированного контента.

Примечание. В CSS3 введено обозначение ::first-letter (с двумя двоеточиями), чтобы отличать псевдоклассы от псевдоэлементов. Браузеры также принимают :first-letter , представленный в CSS2.

Браузер не поддерживает такие орграфы, как IJ в голландском языке. Проверьте таблицу совместимости ниже, чтобы увидеть текущее состояние поддержки.

Допустимые свойства

С псевдоэлементом ::first-letter можно использовать только небольшое подмножество свойств CSS:

  • Все свойства шрифта : шрифт , стиль шрифта , настройки параметров шрифта , кернинг шрифта , переопределение языка шрифта , растяжка шрифта , синтез шрифта , вариант шрифта , альтернативный вариант шрифта , вариант шрифта -caps, вариант-шрифта-восточно-азиатский, вариант-шрифта-лигатуры, вариант-шрифта-числовой, вариант-шрифта-позиция, вес шрифта, размер шрифта, настройка размера шрифта, высота строки и семейство шрифтов
  • Все свойства фона: background , background-color , background-image , background-clip , background-origin , background-position , background-repeat , background-size , background-attachment и background-blend-mode.
  • Все свойства полей: margin , margin-top , margin-right , margin-bottom , margin-left
  • Все свойства заполнения: padding , padding-top , padding-right , padding-bottom , padding-left
  • Все свойства границ: сокращённые значения border , border-style , border-color , border-width , border-radius , border-image и полные свойства
  • Свойство цвета
  • Оформление текста , тень текста , преобразование текста , интервалы между буквами , интервалы между словами (при необходимости), высота строки , цвет оформления текста , линия оформления текста , стиль оформления текста , box-shadow , float , vertical-align (только если float не имеет значения none ) свойства CSS

Синтаксис

Примеры

Простая буквица

В этом примере мы будем использовать псевдоэлемент ::first-letter для создания простого эффекта буквицы для первой буквы абзаца, следующего сразу за

Результат

Влияние на специальные знаки препинания и нелатинские символы

Этот пример иллюстрирует влияние ::first-letter на специальные знаки препинания и нелатинские символы.

В Microsoft Word по умолчанию включены определенные исправления грамматики и орфографии, такие как автоматическое использование заглавной буквы в каждом предложении. Есть много причин, чтобы отменить изменения Word и сохранить первую букву каждого нового предложения в нижнем регистре, например, из эстетических соображений. Для этого вам придется отключить функцию автозамены, которая мешает.

Перейдите на вкладку "Файл".

Нажмите «Параметры автозамены».

Нажмите на поле с надписью «Использовать первую букву предложения с заглавной буквы» на вкладке «Автозамена», чтобы очистить его и удалить настройку по умолчанию.

Нажмите на поле с надписью «Исправить две начальные заглавные буквы», чтобы очистить его и удалить настройку по умолчанию.

  • Если вы хотите, чтобы Word вернулся к настройкам по умолчанию, когда первое слово каждого нового предложения пишется с заглавной буквы, повторите шаги и установите флажок "Использовать первую букву предложения с заглавной буквы", чтобы снова включить эту функцию.
  • Если вы хотите изменить только несколько букв в документе и не хотите удалять автозамену по умолчанию, которая предписывает Word делать первую букву предложения заглавной, независимо от того, что вы вводите, выделите нужную букву и нажмите кнопку "Изменить регистр" в группе "Шрифт" на главной панели инструментов.
  • Если вы измените настройку Word, чтобы игнорировать заглавную букву в каждом новом предложении, это правило будет применяться к программам Office, таким как Powerpoint, Publisher или Access, до тех пор, пока вы не вернете его к значению по умолчанию.

Бонни Кроу — мать двоих подростков; учитель и автор детских книг, учебных программ и статей по английской грамматике, литературе, технологиям, искусству, воспитанию детей и руководствам по карьере для старшеклассников. Она бывший директор AOL Parenting, член SCBWI и выпускница Калифорнийского университета в Беркли.

Заглавные буквы являются полезным сигналом для читателя. Они служат трем основным целям: сообщать читателю, что предложение начинается, показывать важные слова в заголовке и сигнализировать об именах собственных и официальных названиях.

<р>1. Заглавные буквы сигнализируют о начале нового предложения. В нашем письменном языке существует стабильное правило: всякий раз, когда вы начинаете предложение, используйте первую букву первого слова с большой буквы. Это включает использование заглавной буквы в первом слове или прямую цитату, когда это полное предложение, даже если оно появляется в другом предложении.

Ее дочери понравилась валентинка. Ее брату было бы все равно.

Вау! Я никогда не думал, что выживу, бегая по порогам.

Франд спросил: "Где я могу сделать пожертвование в новый стипендиальный фонд?". «В первый раз, когда я читал лекцию по этой теории, — похвастался профессор, — ни один студент не заснул в моем классе».

Примечание. Не пишите с заглавной буквы цитаты, которые продолжаются в предложении после прерывания, как в предложении непосредственно выше.

Напишите первое произведение в стихотворной строке с заглавной буквы (даже если оно не начинается с нового предложения), если только поэт не написал его с заглавной буквы (как во втором примере ниже):

Не уходи нежно в эту добрую ночь,
Старость должна гореть и буйствовать в конце дня;
Ярость, ярость против умирания света.
-Дилан Томас

во времена нарциссов (кто знает
цель жизни — расти)
забыв почему, вспомните как
- т.е. Каммингс

<р>2. Заглавными буквами показаны важные слова в названии. Начинайте с заглавной буквы первое и последнее слово, а также любое основное слово в заголовке или подзаголовке (такие слова, как «а», «ан» и «то» обычно не пишутся с заглавной буквы, если только они не используются в качестве первого слова в заголовке или подзаголовке). ).

Вот два примера. Первое — это название пьесы, а второе — название книги.

О, папа, бедный папа, мама повесила тебя в шкафу, и нам так грустно

Форма века: материалы по дисциплинам

<р>3. Заглавные буквы обозначают имена собственные и титулы.

Совет. Слова, которые обычно пишутся с заглавной буквы (например, "сентябрь"), отображаются в словаре с заглавной буквы.

Читайте также: