Чи слід підкреслювати зіткнення з текстовими спадниками?

Модуль оформлення тексту CSS3 включає властивість підкреслення тексту , яка визначає, чи слід підкреслення розташовувати під усім текстом:

або трохи нижче базової лінії, що дозволяє йому зіткнутися з текстовими знижувачами:

Гаразд, всі ми знаємо, як підкреслити слід використовувати лише в крайньому випадку, але ... якщо ви збираєтесь використовувати його, який найпоширеніший спосіб зробити це? Які плюси і мінуси кожного підкресленого стилю?

Що найчастіше?

Ну, деякі друкарні скажуть, що, мабуть, слід уникати підкреслення всіх разом , і що підкреслення підходить лише для використання на машинках або гіперпосиланнях в Інтернеті. Однак я хотів би додати, що творчість полягає в тому, щоб побачити можливості порушувати правила творчим шляхом, наскільки ви дозволяєте цьому керівництву залежати від вас.

В Інтернеті найпоширенішим є його розміщення трохи нижче базової лінії, що перекривається низхідними елементами. Але це лише тому, що до цих пір це візуалізація за замовчуванням завжди була для основних браузерів.

На друкарських машинках підкреслюючи накладки, що перекриваються, але дещо інакше: це розділяється між вашими двома прикладами ( приклад ). Якщо ви подивитеся на базову лінію спадного ряду, таку як нижня петля gабо нижня серіфа p(шрифтом засічки), саме тут лежить підкреслення. Так воно "з'єднується з" дном спусків.

Плюси і мінуси

Користь того, що підкреслення перекривається вашими низхідниками, полягає в тому, що це взагалі не впливає на міжрядковий інтервал (або "провідний") - вам не потрібно збільшувати зазор між лініями, щоб розмістити підкреслення.

Користь від того, щоб він повністю очистився від ваших потомків, - це читабельність, якщо це важливо. Але у вас буде недолік, коли потрібно збільшити відстань між рядками. Якщо ваша ситуація все-таки передбачає велику кількість міжрядкових інтервалів, то, безумовно, йдіть на це.

Якщо ви користуєтесь Інтернетом, підкреслення сильно пов'язане з гіперпосиланнями. Отже, слід уникати будь-якого використання підкреслення для тексту, який не є частиною посилання. Підпишіть, що ви хочете позначити іншим способом - замість цього, використовуючи жирний шрифт , курсив або ВСІ КАПИ.

Я вважаю, що будь-який підкреслений текст, як правило, настільки незначний, що різниці немає для читача. Це одна з тих речей , що дизайнер може піклується багато про, але читачі ніколи не роблять. На мою думку, це все більше стилістичний вибір.

Я набагато більше віддаю перевагу базовому позиціонуванню з перервою на спуску: тобто, text-decoration-skip: ink;однак, це насправді не підтримується. Я пішов так далеко, щоб мати два заняття і додати прольот до спусків, щоб видалити підкреслення з них. (заміна тексту через php, щоб створити не багато коду).

Я ніколи не буду використовувати трюк із нижньою межею (або атрибут знизу) через зміщення. Я вважаю, що зі своїми читачами зміщення підкреслення - це далеко, далеко, набагато більше відволікає їх, ніж усе.

Я намагаюся переходити на жирний шрифт, курсив, жирний курсив або кольорові варіації, а не підкреслювати, коли це можливо.

Описtext-decoration: underline в CSS 2.1 специфікації визначає її ефект як підкреслення без подробиць, але браузери підтримують його , як з'являтися тільки трохи нижче базового рівня. Таким чином, він часто ріже спуски (і діакритичні позначки, розміщені під літерою).

У проекті CSS3 Text є text-underline-positionпозиція, але вона, схоже, не підтримується жодним браузером. (Згідно з інформацією css666.com , вона підтримується IE, але принаймні в IE 9 підтримка, як видається, обмежується розпізнаванням властивості та прийняттям значення auto, початкового значення - тому це дійсно не підтримує.) Оновлення : Насправді , IE (від версії 6) має трохи більше підтримки , але це дійсно дозволяє просто розмістити підкреслення над текстом (!), А не під ним.

Як описано у відповіді Скотта та коментарі Джонаса, ви можете використовувати нижню межу для імітації підкреслення, і тоді ви маєте досить хороший контроль над стилем "підкреслення". Це може бути придатним, наприклад, для підкреслених посилань, які стоять самостійно, а не вбудовані. Для вбудованого тексту, де ви хочете підкреслити, наприклад, тому, що ви друкуєте HTML, який містить підкреслення, звичайно, підкреслення CSS, мабуть, краще - тому що таке підкреслення більш-менш відповідає традиціям друку.