русс | укр

Мови програмуванняВідео уроки php mysqlПаскальСіАсемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование


Linux Unix Алгоритмічні мови Архітектура мікроконтролерів Введення в розробку розподілених інформаційних систем Дискретна математика Інформаційне обслуговування користувачів Інформація та моделювання в управлінні виробництвом Комп'ютерна графіка Лекції


Шановні українці! Матеріал був перекладений з російської мови. Тому можуть бути незначні помикли...

Шрифт в CSS | Розмір шрифту css

Властивості шрифтів надають широкі можливості контролю над зовнішнім виглядом символів, що використовуються при відображенні тих або інших елементів. Властивості шрифтів застосовуються до всіх елементів.

Таблиця 2.3. Властивості шрифтів
Властивості Опис
Типове
font-family Тип шрифту
Залежить від браузера
font style Стиль шрифту
normal
font-variant Вигляд шрифту
normal
font-weight Жирність шрифту
normal
font-str Щільність шрифту
normal
font-size Розмір шрифту
medium

Тип шрифту

font-family:семейство_шрифта

При управлінні шрифтами приймається до уваги ставлення шрифту до сімейства шрифтів і до категорії. Безліч категорій обмежено:

  • serif (із зарубками, наприклад, Times),
  • sans-serif (без зарубок, наприклад, Arial) ,
  • (курсивний), fantasy (декоративний) і
  • monospace (з символами фіксованої ширини, наприклад, Courier).

Число існуючих сімейств шрифтів набагато більше (фактично назва сімейства можна розглядати як торговельну марку).

Стиль шрифту

font-style:normal|italic|oblique

2_4_1_3Вигляд шрифту

font-variant:normal|small-caps

Жирність шрифту

font-weight:Vv|lighter|normal|bold|bolder

Жирність шрифту задається за допомогою числа від 100 до 900 або ключового слова

  • normal (відповідає жирності 400),
  • bold (відповідає жирності 700),
  • bolder (жирніше, ніж успадкований),
  • lighter (світліше, ніж успадкований).

Щільність шрифту

font-str:ultra-condensed|extra-condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded

  • ultra-condensed - найбільш стиснений
  • extra-condensed - понад стиснений
  • semi-condensed - трохи стиснений
  • normal - нормальний
  • semi-expanded - трохи розріджений
  • expanded - розріджений
  • extra-expanded - понад розріджений

Розмір шрифту

font-size:Sv|Pv|em
font-size:xx-small|x-small|small|medium|large|x-large|xx-large
font-size:smaller|larger

  • Ключові слова xx-small|x-small|small|medium|large|x-large|xx-large перераховані в порядку зростання розміру. Сусідні значення відрізняються в 1,2 рази, а розміру medium зазвичай відповідає 12pt;
  • Ключові слова smaller|larger вказують відносну величину:
    • smaller - менший порівняно з батьківським, розмір
    • larger - більший;
    Відносний розмір можна встановити у відсотках 150% або коефіцієнтом 1.5em

Переглядів: 1432

Повернутися взміст


Онлайн система числення Калькулятор онлайн звичайний Науковий калькулятор онлайн