русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

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

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Шрифт в 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) ,
  • cursive (курсивный), fantasy (декоративный) и
  • monospace (с символами фиксированной ширины, например, Courier).

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

Стиль шрифта

font-style:normal|italic|oblique

Вид шрифта

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

Просмотров: 19015

Вернуться воглавление


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Полезен материал? Поделись:

Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.