font-size — размер текста | CSS справочник
Поддержка браузерами
12.0+ | 5.5+ | 1.0+ | 1.0+ | 7.0+ | 1.0+ |
Описание
CSS свойство font-size
позволяет увеличивать или уменьшать размер текста. Установка размера текста, в свою очередь, может изменить размеры других элементов, так как размер текста используется для вычисления значения таких единиц измерения как em
и ex
.
Примечание: для изменения цвета текста используется CSS свойство color, для изменения стиля — font-style, для выравнивания — text-align, а для добавления тени — text-shadow.
Значение по умолчанию: | medium |
---|---|
Применяется: | ко всем элементам |
Анимируется: | да |
Наследуется: | да |
Версия: | CSS1 |
Синтаксис JavaScript: | object. style.fontSize=»larger» |
Синтаксис
font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|inherit;
Значения свойства
Значение | Описание |
---|---|
xx-small | Сверх мелкий размер шрифта. |
x-small | Очень маленький размер шрифта. |
small | Маленький размер шрифта. |
medium | Средний размер шрифта. |
large | Большой размер шрифта. |
x-large | Очень большой размер шрифта. |
xx-large | Огромный размер шрифта. |
smaller | Маленький размер шрифта в сравнении с родительским элементом. |
larger | Большой размер шрифта в сравнении с родительским элементом. |
размер | Указания размера с помощью единиц измерения, используемых в CSS. |
% | Определение размера шрифта в процентом соотношении от родительского элемента. |
inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
font-size:
xx-small
x-small
small
medium
large
x-large
smaller
larger
10px
20px
50%
150%
Попробуйте изменить размер текста, кликнув на нужное значение.
div {
font-size: xx-small;
}
text-size-adjust — CSS: Каскадные таблицы стилей
Экспериментальная: Это экспериментальная технология
Внимательно проверьте таблицу совместимости браузера, прежде чем использовать ее в производстве.
Свойство CSS text-size-adjust
управляет алгоритмом увеличения текста, используемым на некоторых смартфонах и планшетах. Другие браузеры будут игнорировать это свойство.
/* Значения ключевых слов */ регулировка размера текста: нет; настройка размера текста: авто; /* <процентное> значение */ регулировка размера текста: 80%; /* Глобальные значения */ настройка размера текста: наследовать; настройка размера текста: начальный; настройка размера текста: вернуться; настройка размера текста: возврат слоя; настройка размера текста: не установлено;
Поскольку многие веб-сайты разрабатывались без учета небольших устройств, мобильные браузеры отличаются от настольных по способу отображения веб-страниц. Вместо того, чтобы размещать страницы по ширине экрана устройства, они размещают их, используя область просмотра, которая намного шире, обычно 800 или 1000 пикселей. Чтобы сопоставить сверхширокий макет обратно с исходным размером устройства, они либо показывают только часть всего рендеринга, либо масштабируют область просмотра до нужного размера.
Поскольку текст, уменьшенный до размера экрана мобильного устройства, может быть очень маленьким, многие мобильные браузеры применяют алгоритм расширения текста, чтобы увеличить текст, чтобы сделать его более читаемым. Когда элемент, содержащий текст, занимает 100 % ширины экрана, алгоритм увеличивает размер текста, но без изменения макета. 9Свойство 0011 text-size-adjust
Свойство text-size-adjust
указано как none
, auto
или
.
Значения
-
нет
Отключает алгоритм наполнения браузера.
-
авто
Включает алгоритм наполнения браузера. Это значение используется для отмены значения
none
, ранее установленного с помощью CSS.-
<процент>
Включает алгоритм расширения браузера, определяя процентное значение, на которое увеличивается размер шрифта.
Начальное значение | авто для браузеров смартфонов, поддерживающих инфляцию, нет в других случаях (и затем не подлежит изменению). | |
---|---|---|
Применяется к | Все элементы | |
Унаследован | Да | |
Да, см. В соответствующем размере | Да, см. В соответствующем размере | Да, см. В соответствующем размере | Да, см. Тип анимации | дискретный |
text-size-adjust =
auto |
нет |
<процент [0,∞]>
Базовое отключение использования
Как упоминалось выше, на правильно спроектированном адаптивном сайте поведение
не требуется, поэтому разработчики могут отключить его, указав значение none:
p { -webkit-text-size-adjust: нет; регулировка размера текста: нет; }
Спецификация |
---|
Модуль настройки размера текста для мобильных устройств CSS Уровень 1 # Adjustment-control |
Таблицы BCD загружаются только в браузере
с включенным JavaScript. Включите JavaScript для просмотра данных.- Документация Apple
- Описание поведения геккона, Л. Дэвид Барон
- Документация Microsoft
Последнее изменение: , участниками MDN
Изменение размера шрифта — служба поддержки Майкрософт
Excel для Microsoft 365 Word для Microsoft 365 PowerPoint для Microsoft 365 Excel 2021 Word 2021 PowerPoint 2021 Excel 2019Word 2019 PowerPoint 2019 Excel 2016 Word 2016 PowerPoint 2016 Excel 2013 Word 2013 PowerPoint 2013 Excel 2010 Word 2010 PowerPoint 2010 Excel 2007 Word 2007 PowerPoint 2007 Дополнительно…МеньшеВы можете изменить размер шрифта для всего текста или только для выбранного текста в Excel, PowerPoint или Word для настольных ПК.
Изменить размер шрифта по умолчанию для всего текста
Способ изменения размера шрифта по умолчанию зависит от приложения. Выберите свое приложение ниже и следуйте инструкциям.
Щелкните Файл
(В Excel 2007 щелкните > Параметры Excel .)
В диалоговом окне нажмите General .
(в Excel 2007 щелкните Popular .)
Под При создании новых книг в поле Размер шрифта введите нужный размер шрифта.
Или вы можете ввести любой размер от 1 до 409, кратный 0,5, например 10,5 или 105,5. Вы также можете выбрать другой стиль шрифта по умолчанию.
Примечание: Чтобы начать использовать новый размер шрифта или шрифт по умолчанию, необходимо перезапустить Excel. Новый шрифт и размер шрифта по умолчанию используются только в новых книгах, созданных после перезапуска Excel; любые существующие рабочие книги не затрагиваются. Чтобы использовать новый шрифт и размер по умолчанию в существующих книгах, переместите листы из существующей книги в новую книгу.
Чтобы изменить размер шрифта для всех слайдов, измените его на образце слайдов. Каждая презентация PowerPoint содержит образец слайдов с соответствующими макетами слайдов.
Примечание. Если вы хотите изменить тему, сделайте это до изменения шрифта, поскольку в разных темах могут использоваться другие шрифты.
Щелкните образец слайда, чтобы изменить шрифт на всех слайдах, или щелкните любой из макетов, чтобы изменить размер шрифта только для этого макета.
В образце слайдов или макете выберите уровень замещающего текста, для которого вы хотите изменить размер шрифта.
org/ListItem»>
На вкладке Вид щелкните Образец слайдов .
В режиме Образец слайдов образец слайдов находится в верхней части области эскизов, а соответствующие макеты — под ним.
На вкладке Главная выберите нужный размер шрифта в поле Размер шрифта .
Вы также можете ввести любой размер, кратный 0,1, например 10,3 или 105,7.
Маркер автоматически увеличивается или уменьшается в размере в соответствии с изменениями размера шрифта.
Совет: Вы можете посмотреть видео об изменении размера шрифта для текста на одном слайде или изменении текста на всех слайдах.
Откройте новый пустой документ.
На вкладке Главная в группе Стили нажмите кнопку запуска диалогового окна. .
Или нажмите Ctrl+Alt+Shift+S.
Нажмите кнопку Управление стилями (третья слева внизу).
Перейдите на вкладку Set Defaults и выберите нужный размер в поле Size .
Вы также можете ввести любой размер от 1 до 1638, кратный 0,5, например 10,5 или 105,5.
Выберите параметр Новые документы на основе этого шаблона .
org/ListItem»>
Закройте и снова откройте Word. Если вам будет предложено сохранить обычный шаблон, скажите Да .
Совет: Вы также можете изменить шрифт или цвет шрифта по умолчанию на вкладке Set Defaults .
Когда вы устанавливаете шрифт по умолчанию, каждый новый документ, который вы открываете, будет использовать настройки шрифта, которые вы выбрали и установили по умолчанию. Шрифт по умолчанию применяется к новым документам, основанным на активном шаблоне, обычно Normal.dotm. Вы можете создавать разные шаблоны для использования разных настроек шрифта по умолчанию.
Изменить размер выделенного текста
Чтобы изменить размер шрифта выделенного текста в настольных Excel, PowerPoint или Word:
- org/ListItem»>
На вкладке Главная щелкните размер шрифта в поле Размер шрифта .
Вы также можете ввести любой размер в следующих пределах:
Excel: от 1 до 409, от 1 до 409, кратно 0,5 (например, 10,5 или 105,5)
PowerPoint: от 1 до 3600, кратное 0,1 (например, 10,3 или 105,7)
Выберите текст или ячейки с текстом, который вы хотите изменить. Чтобы выделить весь текст в документе Word, нажмите Ctrl + A.