Свойство font используется для того, чтобы уплотнять или расширять буквы текст.
Парметры свойства font-stretch:
ultra-condensed - максимальное уменьшение ширины текста
extra-condensed - текст шире , чем ultra-condensed
condensed - текст шире , чем extra-condensed
semi-condensed - текст шире , чем condensed
normal - тобычный текст
semi-expanded - текст шире обычного
expanded - тектс шире, чем semi-expanded
extra-expanded - тектс шире, чем expanded
ultra-expanded - максимальное увеличение ширины текста
inherit - наследует значение родителя
wider - делает текст шире
narrover - делает текст шире
<!Doctype html> <html> <HEAD><style type="text/css">
.q20 { font-stretch:ultra-condensed; } .q21 { font-stretch:extra-condensed; } .q22 { font-stretch:condensed; } .q23 { font-stretch:semi-condensed; } .q24 { font-stretch:normal; } .q25 { font-stretch:semi-expanded; } .q26 { font-stretch:expanded; } .q27 { font-stretch:extra-expanded; } .q28 { font-stretch:ultra-expanded; } </style><title> ......... </title> </HEAD> <body> <h1 class="q20">4 </h1> <h1 class="q21">4 </h1> <h1 class="q22">4 </h1> p> <h1 class="q23">4 </h1><h1 class="q24">4 </h1> <h1 class="q25">4 </h1> p> <h1 class="q26">4 </h1><h1 class="q27">4 </h1> <h1 class="q28">4 </h1> </body> </html> |
Результат: