Комментарии 18
Насчёт hyphenate-character я могу предположить, что это перестраховка. Трудно переоценить степень упоротости естественных языков, может, где-то и впрямь вместо дефиса другой символ принят.
В канадском слоговом письме конечный c обозначается горизонтальной чертой ᐨ, поэтому для переносов необходимо использовать символ ᐀ CANADIAN SYLLABICS HYPHEN (U+1400)
и ещё типография. Этих чёрточек разной длины штук -надцать, и обычный "минус" здесь далеко не лучший выбор для символа переноса.
В моей картине мира только в этом случае могло появиться свойство hyphenate-character.
В церковнославянском языке, например, как знак переноса используется знак подчеркивания "_".
Непонятно как в списке оказался tab-size. Какой-нибудь highlight.js раскрашивает содержимое блока кода, но он полагается на браузерный рендеринг преформатированного текста. И там пригодится тот самый tab-size, если хочется подправить стиль. Полагаю, другие красилки кода тоже могут полагаться на pre. И даже если размер таба вынесен в конфиг, под капотом может использоваться свойство, потому что как иначе отрисовать табы как не через pre и его CSS аналог (а если красилка заменяет табы на пробелы, то это очень плохая красилка, так как код должен копироваться со страницы в точности так как был вставлен).
text-align-last звучит как полезный инструмент при text-align: justify, чтобы выбрать выравнивать ли последнюю строку тоже по ширине или по левому краю. Зависит от требований типографики. Без justify действительно не имеет смысла. Надо спрашивать дизайнеров когда они используют разные выравнивания и какое из них ТРУ (опять же, вангую, может зависеть от обычаев конкретного языка и страны).
Насчёт смены символа переноса скорее всего нужно при вёрстке сайта на языке, где принят нестандартный символ. С учётом того как варьируются правила от языка к языку (например, в русском и английском вопросительный знак ставится впритык к предыдущему слову, во французском через пробел, а в испанском вопросительных знака целых два - вначале и в конце предложения), я уверен на 99% в существовании языка с альтернативой знаку переноса. Но не удивительно с ним не встретиться верстая сайты только на русском или английском.
text-empasis понятное дело всякие онлайн словари, где нужно расставлять ударения. Плюс в некоторых книгах авторы иногда помечают слова, где ударения влияет на смысл, какая-нибудь онлайн читалка должна быть способна это отрисовать. Обычным сайтам мало нужно. Если вы не разрабатывали ни один онлайн словарь и ни одну онлайн библиотеку, то логично, что вы не сталкивались (я тоже).
В итоге одно свойство попало в список ни за что, по поводу второго надо спрашивать дизайнеров и ещё два свойства очевидно нишевые и пока вы не попали в эту нишу, они вам не нужны, но если попадёте будут must have.
В итоге остаются только два по-настоящему мало используемых свойств.
А вам когда-нибудь требовалось выровнять последнюю строку?
Когда абзац выровнен по ширине, а последнюю строчку хочется по центру или прижать к левому краю. В некоторых случаях это может смотреться.
А вам когда-нибудь требовалось выровнять последнюю строку?
Я видел как это используется при вёрстке. Если последняя строка короткая, то справа и слева выводится картинка, типа вензель. А если последняя строка длинная, то делится на две.
Почему все Web технологии такие тупые, задумался я. Гипотеза - CSS люди и JavaScript люди не могут договориться. Чумы бы на оба ваши дома…
Класно, один точно буду использовать
text-align-last решает одну из двух проблем выключки по ширине (text-align: justify) и невозможности её нормального использования в вебе.
Если последняя строка получилась короткой, то выключка по ширине разорвёт её на слова с гигантскими пробелами по середине. text-align-last как раз лечит эту беду.
Вторая проблема с выключкой по ширине в том, что увеличивать нужно не только пробелы между словами, но и межбуквенное расстояние (letter-spacing). Пакеты для вёрстки бумаги всё это умеют примерно с семидесятых и кнутовского ТЕХа, но для браузеров это загадочная нереализуемая магия.
Отображение со свойством empty-cells сильно зависит от border-collapse
С прошлого года у нас появилось ещё свойство
text-align-last.
Странно, я это свойство в 2015-ом году использовал как улучшение.
Спасибо, я отстал на пару веков от современных тенденций в CSS и мне статья очень полезна.
empty-cells - Это удобно для визуальных дашбордов, когда нужно красиво сделать таблицу, а использовать ничего кроме css нельзя. У меня без этого свойства кодом другой класс присваивался.
text-align-last - для html генерации бланков, в т. ч. Строгой отчётности - самое то. У нас на работе могут ради этого самого переноса в отчёте заставить не печатать генерированную форму, а выгрузить не в Ворд и там подправить (конечно же пробелами, какие отступы)
shape-outside - вот прям 2 дня назад сделал печатную форму пропуска где меня просили сделать огибание круглой фото. Я это решил разбивкой на несколько блоков с position absolute. Теперь переделаю.
tab-size - у меня в фреймворке это решено через таблицы (табуляции для просмотра кода со страницы) теперь можно сделать по человечески.
text-emphasis - тут привет с сайтов на старорусском
Я понимаю, что я не показатель и нормальные кодеры, если их разбудить по среди ночи и спросить про огибание картинки текстом средствами css - тут же выплюнут минимум 3 способа, да ещё и в соответствии в требованиями консорциума. Начинающим это и не нужно, но вот для не очень начинающих, но периодически практикующих статья очень полезна.
По моему мнению большинство из них сделано чисто ради какого ни будь эксклюзивного и абстрактного дизайна, но вот для ударений я бы вообще ввёл свой уникальный тег и всё, всем было бы проще, чем заключать в SPAN уродуя при этом цельность слова в коде, да еще ему и класс прописывать. Сделали бы просто что то вроде <accent>a</accent>
Как мне кажется самое очевидное использование выравнивания последней строки - это имитация расположения подписи автора на бумаге. Возьмем эпистолярный жанр - выводим на страницу текст письма как обычно, а "с уважением, ваш Вольдемар" прижатым вправо.
Вот добавили бы возможность манипулировать строчками по лекалам `:nth-child()`, цены бы им не было
Странные CSS-свойства, но, возможно, полезные