Имотът размер на шрифта, CSS

размер на шрифта имот ви позволява да определите размера на текста на CSS. Това засяга не само на шрифта, който се използва, но също така се използва за изчисляване на EM единици. вещно и пр.

размер на шрифта може да се приема като ключови думи ценности, единици или проценти. Важно е да се отбележи, че в контекста на използването на шрифта по стенография собственост. размер на шрифта е задължителна стойност. Ако не е уточнено, целият ред на кода ще бъдат игнорирани.

стойности за дължина (пиксела. ем. REM. ех и т. д.), използвани в имот шрифта. не може да бъде отрицателен.

Абсолютни ключове и стойности

Имотът, който се помещава в размер на CSS на текста, да предприеме следните ключови думи:

• хх-малък;
• х-малък;
• малък;
• среда;
• голяма;
• х-голяма;
• хх-голям.

Тези наименования определят относителните размери на текста на CSS. изчислява браузър. Но можете да използвате и двете ключови стойности, които се изчисляват по отношение на размера на шрифта на майка елемент.

Сред други абсолютни стойности могат да бъдат разграничени mm (милиметри), см (cm), в (инча), PT (точки) и компютър (пикове). Един pt е равна на 1/72 от инча, или един връх, се равнява на 12 обвинения. Обикновено тези устройства се използват в печатни документи.

Относителна ключ обозначение

Например, ако имуществото на шрифта в майка елемент е зададен малък. След това дете елемент с относителна стойност по-голям размер на текста HTML CSS ще бъде повече.

обозначение интерес

Процентите като шрифта на стойност 110%, също са относителни и зависят от размера на шрифта на елемента майка. Предлагаме ви да погледнете в демонстрацията.

Мерна единица ги

Измерване на единица ги е относително, и се изчислява според размера на CSS на текста в майка елемент. Това означава, че децата винаги са зависими от родителя. Например:

В примера по-горе точка ще бъде настроен шрифта 16p х, от 1 х 16 = 16px. както и размера на CSS HTML текст с глава ще бъде използвана 32px. от 2 х 16 = 32px. Има известно предимство за задаване на размера, с акцент върху майка елемент. Така че можем да увийте елементите в контейнери и бъдете сигурни, че всички дъщерни елементи винаги ще бъде един спрямо друг:

Мерна единица вещни

Що се отнася до единица REM. тук шрифта винаги зависи от стойността на корен елемент (или HTML елемент).

В горния пример REM е 16px (тъй като тази стойност се наследява от HTML-елемент) и, следователно, размер CSS текст за всички елементи точка ще бъде 24px (1.5 х 16 = 24). За разлика от EM-единици раздел ще игнорира всички стилистични елементи родител, с изключение на корена.

Това устройство поддържа следните браузъри:

Unit ех

1EX еднаква височина малки букви х в използвания шрифт. В примера по-долу, HTML-членния се монтира на 20px. и всички останали размери са определени като височина х специфичен шрифт.

Експериментирайте с по-горе процес, заменяйки семейство шрифтове в HTML-член и по този начин да се променя размера на текста CSS.

Това означава, че ако погледнем следния пример:

Тези единици са подкрепени от следните браузъри: