САЙТЫ  ПОД  КЛЮЧ
ОНЛАЙН-СЕРВИСЫ СПРАВОЧНИКИ SEO-ИНСТРУМЕНТЫ РАЗВЛЕЧЕНИЯ

Справочник по CSS

Угол

Internet Explorer Chrome Opera Safari Firefox Android iOS
9.0+ 2.0+ 11.10 4.0+ 3.6+ 2.0+ 2.0+

Описание

Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки.

Синтаксис

Свойство: <угол>;

Угол может задаваться в следующих единицах.

  • В градусах. После значения пишется deg. Полный круг равен 360deg.
  • В градах. Обозначается как grad. Полный круг равен 400grad,
  • В радианах. Обозначается как rad. Полный круг равен 2π или примерно 6.2832rad.
  • В поворотах. Обозначается как turn. Один круг равен одному повороту и пишется как 1turn.

Значения некоторых углов представлены в табл. 1.

Табл. 1. Углы, кратные 90 градусам
90 90deg = 100grad = 0.25turn ≈ 1.0708rad
180 180deg = 200grad = 0.5turn ≈ 2.1416rad
270 270deg = 300grad = 0.75turn ≈ 3.2124rad
-90 -90deg = -100grad = -0.25turn ≈ -1.0708rad

Пример

HTML5CSS3IE 9CrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Градиент под углом</title>
  <style>
   body { 
    background: #b3dced;
background: -moz-linear-gradient(-45deg, #b3dced 0%, #29b8e5 50%, #bce0ee 100%);
background: -webkit-linear-gradient(-45deg, #b3dced 0%,#29b8e5 50%,#bce0ee 100%);
background: -o-linear-gradient(-45deg, #b3dced 0%,#29b8e5 50%,#bce0ee 100%);
background: linear-gradient(-45deg, #b3dced 0%,#29b8e5 50%,#bce0ee 100%);
} </style> </head> <body> <p>Внимание, запрашиваемая страница не найдена!</p> </body> </html>

Справочник по CSS. Версия 7.0 от 5.11.12

© 2002–2012 Влад Мержевич, по всем вопросам пишите по адресу vlad@htmlbook.ru

htmlbook.ru


Дежурная шутка

Перед выездом с работы пол-Москвы заходят в интернет, смотрят, где нет пробок, и создают самую большую.


Наши реквизиты
WMID: 309688839848
WMR: R325885159214
E-mail: 
  BL:Бизнес-уровень [BL]
QR-код сайта
Онлайн-радио
Больше радиостанций