Својство фонт-сизе у ЦСС-у се користи за одређивање висине и величине фонта. Утиче на величину текста елемента. Његова подразумевана вредност је средња и може се применити на сваки елемент. Вредности ове имовине укључују кк-мала , мали , к-мала , итд.
Синтакса
font-size: medium|large|x-large|xx-large|xx-small|x-small|small|;
Величина фонта може бити релативна или апсолутна.
Апсолутна величина
Користи се за постављање текста на одређену величину. Коришћењем апсолутне величине, није могуће променити величину текста у свим претраживачима. Повољно је када знамо физичку величину излаза.
Релативна величина
Користи се за подешавање величине текста у односу на његове суседне елементе. Са релативном величином, могуће је променити величину текста у претраживачима.
НАПОМЕНА: Ако не дефинишемо величину фонта, онда за нормалан текст као што су пасуси, подразумевана величина је 16пк, што је једнако 1ем.
Величина фонта са пикселима
Када поставимо величину текста помоћу пиксела, онда нам то пружа потпуну контролу над величином текста.
како претворити стринг у инт
Пример
#first { font-size: 40px; } #second { font-size: 20px; } <p id="first">This is a paragraph having size 40px.</p> <p id="second">This is another paragraph having size 20px.</p>Тестирајте одмах
Величина фонта са ем
Користи се за промену величине текста. Већина програмера преферира ин уместо пиксела . Препоручује га конзорцијум светске мреже (В3Ц). Као што је горе наведено, подразумевана величина текста у претраживачима је 16 пиксела. Дакле, можемо рећи да је подразумевана величина од 1ем је 16пк .
Формула за израчунавање величине од пиксела до ин је ем = пиксела/16 .
Пример
#first { font-size: 2.5em; /* 40px/16=2.5em */ } #second { font-size: 1.875em; /* 30px/16=1.875em */ } #third { font-size: 0.875em; /* 14px/16=0.875em */ } <p id="first">First paragraph.</p> <p id="second">Second paragraph</p> <p id="third">Third Paragraph.</p>Тестирајте одмах
Прилагодљива величина фонта
Величину текста можемо подесити помоћу а вв унит , што значи ' ширина прозора за приказ '. Област приказа је величина прозора претраживача.
1вв = 1% ширине прозора за приказ.
Ако је ширина прозора за приказ 50 цм, онда је 1вв једнак 0,5 цм.
Пример
Први параграф има ширину 5вв.
Други пасус има ширину од 10вв.
Тестирајте одмахВеличина фонта са својством дужине
Користи се за подешавање величине фонта у дужини. Дужина може бити у цм, пк, пт, итд. Негативне вредности од дужина својства нису дозвољена у величини фонта.
Синтакса
font-size: length;
Пример
.length { color:red; font-size: 5cm; } <p class="length">A paragraph having length 5cm.</p>Тестирајте одмах