Css3 text: Основы стилизирования текста и шрифта — Изучение веб-разработки

CSS text-box-trim & text-box-edge | Могу ли я использовать… Таблицы поддержки для HTML5, CSS3 и т. д.

Могу ли я использовать

Поиск ?

CSS text-box-trim и text-box-edge

— ВД

• Глобальное использование

  0% + 0% «=» 0%

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

Ранее указывалось как свойства и text-edge .

Chrome

1. 4–112: не поддерживается
2. 113: не поддерживается
3. 114–116: не поддерживается

Edge

1. 12–112: не поддерживается
2. 113: не поддерживается

Safari

1. 18% — Not supported»> 3.1–16.4: не поддерживается
2. 16.5: не поддерживается
3. 16.6: не поддерживается
4. TP: поддерживается

Firefox

1. 2 — 112: не поддерживается
2. 113: не поддерживается
3. 114 — 115: не поддерживается

Opera

9 0068 9–98: не поддерживается
1. 99: не поддерживается

IE

1. 5.5–10: не поддерживается
2. 11: не поддерживается

Chrome для Android

1. 113: не поддерживается

Safari на iOS

9 0027

96% — Not supported»> 3.2–16.4: не поддерживается

16.5: не поддерживается

Samsung Internet

1. 4 — 20: не поддерживается
2. 21: не поддерживается

Opera Mini

1. все: не поддерживается 9 0015

Opera Mobile

1. 10–12.1: Нет поддерживается
2. 73: не поддерживается

UC Browser для Android

1. 13.4: не поддерживается

Android Browser

1. 2.1–4.4.4: Не поддерживается
2. 113: Не поддерживается

Firefox для Android

1. 29% — Not supported»> 113: не поддерживается

QQ Browser

1. 13.1: не поддерживается

Baidu Browser 9001 4

1. 13.18: не поддерживается

Браузер KaiOS

1. 2.5: не поддерживается
2. 3: Не поддерживается

Ресурсы:

CSS Tricks article

Документ с примерами использования text-box-trim

Свойство CSS text-stroke — использование, синтаксис, примеры

❮ Пред. Следующий ❯

Свойство text-stroke — это экспериментальное свойство, предоставляющее варианты оформления текста. Это сокращение для следующих свойств:

• text-stroke-width
• цвет обводки текста

Существует свойство text-fill-color, которое переопределяет свойство color, позволяя изящно откатиться к другому цвету текста в браузерах, не поддерживающих свойство text-stroke.

Здесь можно выбрать цвета: цвета HTML.

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

Свойство text-stroke используется только с префиксом -webkit-vendor. Это свойство не является стандартным. Это работает не для каждого пользователя. Существуют несовместимости между реализациями, и поведение может измениться в будущем.

 обводка текста: длина | цвет | начальная | наследовать; 

Пример свойства text-stroke:

  <голова> <стиль> п {
 размер шрифта: 2.5em;
 маржа: 0;
 -webkit-text-stroke: 2px #1c87c9;
 }   <тело>
Пример свойства штриха текста
Lorem Ipsum — это просто фиктивный текст.