moz-border-radius (свойство CSS)

moz-border-radius Сокращенное свойство позволяло веб-разработчикам указывать округленные границы или округленные фоны, если границы не были определены.

В Gecko 2.0 moz-border-radiusborder-radius ; -moz-border-radius поддерживался как псевдоним до Gecko 12.0.

Чтобы соответствовать стандарту CSS3, Gecko 2.0

• изменил обработку значения, соответствующие спецификации. Вы можете указать эллипс как границу для элемента произвольного размера просто с border-radius: 50%;
• сделал скругленный угол содержимого клипа и изображений (если переполнение: видимое не установлено)

  Примечание. Поддержка версии с префиксом (-moz-border-radius) была удалена в Gecko 13.0 (Firefox 13.0 / Thunderbird 13.0 / SeaMonkey 2.10).

  Граница радиуса

  Свойство border-radius Значения представляют (по порядку) top-lefttop-rightbottom-rightbottom-left Как и в случае с любыми сокращенными свойствами, которые используют значения единиц измерения, любые пропущенные значения наследуются от существующих.

  Вы можете явно указывать на отдельные углы элемента, используя сокращенный синтаксис. Например:

   .media img {
    border-top-left-radius: 20%;
    border-top-right-radius: 20%;
    border-bottom-right-radius: 20%;
    border-bottom-left-radius: 20%;
  }

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

   .media img {
    border-radius: 20% 0 0 0;
  }