Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Свойство font-style

Дата:29.09.15 в 18:06
Справочник: 

Характеристики свойства

В каких браузерах работает?

8.0+ 1.0+ 3.5+ 1.0+ 1.0+ 1.0+ 1.0+

В каких версиях CSS используется?

CSS 1 CSS 2 CSS 2.1 CSS 3
+ + + +

Для чего используется?

Описывает стиль начертания текста. Существует три общепринятых стиля: нормальный, под наклоном и курсив. При указании особого стиля система ищет подходящее под эту команду семейство шрифтов. Если такого нет, то система имитирует нужный стиль. Однако при печати такого документа могут быть проблемы.

Как правильно задавать?

font-style: стиль шрифта;

Какие могут быть значения?

  • normal - возвращает нормальный стиль текста.
  • italic - выводит текст курсивом.
  • oblique - образует специальный наклон для шрифта. Похож на курсив, но отличается тем, что курсив выводится прописью, а наклонный только слегка наклонен.
  • inherit - повторяет начертание родительского тега.

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Свойство font-style</title>
  <style>
   p {
    font-size: 16px; 
    font-family: Arial;
    font-style: italic;
    color:#444;	
   } 
   h2 {
    font: 25px Times New Roman;
	color:#9b9b9b;
   }
  </style>
 </head>
 <body> 
 
  <h2>Заголовок</h2>
  <p>Основной текст статьи, написанный другим шрифтом. Размер символов также 
 
другой, слегка меньше чем заголовок.</p>
 
 </body>
</html>

По итогу получаем

font-style

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип CSS свойства: 
Понравилась статья? Расскажите о ней друзьям: