Перейти к содержанию

circle()

Функция circle() является одним из типов данных <basic-shape>.

Демо

Синтаксис

1
2
shape-outside: circle(50%);
clip-path: circle(6rem at 12rem 8rem);

Значения

<радиус формы>

Это может быть <длина>, или <процент>, или значения ближайшей и дальней сторон.

  • closest-side - Используется длина от центра фигуры до ближайшей стороны контрольного поля. Для окружностей это ближайшая сторона в любом измерении. : - farthest-side - Используется длина от центра фигуры до самой дальней стороны базовой области. Для окружностей это ближайшая сторона в любом измерении.
<позиция>

Перемещает центр окружности. Может быть <длиной>, или <процентом>, или значением, например, left. Если значение опущено, то по умолчанию используется значение center.

Спецификации

Комментарии