Moz-Border-Radius (CSS Property)

Moz-Border-Radius는 Gecko의 CSS3의 Border-Radius 부동산과 동등했지만 몇 가지 측면에서 다릅니다. 속성 속성을 통해 웹 개발자는 국경이 정의되지 않은 경우 둥근 경계 또는 둥근 배경을 지정할 수있었습니다. Gecko에서 2.0 Moz-Vorder-Radius는 Border-Radius로 이름이 바뀌 었습니다. -Moz Border-Radius는 Gecko 12.0까지 별칭으로 지원되었습니다 CSS3 표준을 준수하기 위해 Gecko 2.0

는 사양과 일치하도록

값의 처리를 변경했습니다. 국경-라디우스와 함께 임의 크기의 요소에 타원을 테두리로 지정할 수 있습니다 : 50%;

둥근 모서리 클립 콘텐츠 및 이미지 (오버플로 : 가시가 설정되지 않은 경우) 참고 : 접두사 버전 (-moz-border-radius)에 대한 지원은 Gecko 13.0 (Firefox 13.0 / Thunderbird 13.0 / Seamonkey 2.10)에서 제거되었습니다. 국경-라디우스 Border-Radius 속성은 최대 4 개의 값을 수용 할 수있는 속성입니다. 값은 왼쪽 상단, 오른쪽, 오른쪽 하단 및 왼쪽 코너를 나타냅니다 (순서대로). 단위 값을 사용하는 속성 속성의 경우와 마찬가지로 생략 된 값은 기존 값에서 상속됩니다.

Longhand 구문을 사용하여 요소의 개별 모서리를 명시 적으로 타겟팅 할 수 있습니다. 예를 들면 :

대부분의 경우 속기 구문을 사용하는 이유를 명확하게 알 수 있습니다. 단일 코너를 목표로하더라도 대신 그렇게하는 것이 훨씬 더 효율적입니다.
• -Moz-Border-Radius CSS 속성에 대한 자주 묻는 질문 (FAQ) -Moz-Border-Radius CSS 속성은 무엇입니까? 국경 곡선의 반경을 지정하여 모서리의 둥근을 제어 할 수 있습니다. 이 속성은 버튼, 카드 또는 둥근 모서리를 둥글게하는 데 도움이되는 기타 요소를 만드는 데 웹 디자인에 특히 유용합니다. -Moz Vorder-Radius 속성은 처음에 표준 Border-Radius 속성을 지원하지 않았기 때문에 Firefox 브라우저에 처음 사용되었습니다. 그러나 Firefox 4.0 이후 이후 표준 국경-라디우스 속성이 완전히 지원됩니다. 따라서, 구형 버전의 Firefox를 개발하지 않는 한 -moz-border-radius를 사용하는 것은 더 이상 필요하지 않습니다. .-Moz-Border-Radius 속성은 어떻게 작동합니까?

  -moz-border-radius 속성은 외부 경계 가장자리의 모서리. 첫 번째 값은 수평 반경이고 두 번째 값은 수직 반경입니다. 하나의 값 만 주어지면 두 반경 모두에 사용됩니다.

  -moz -border -radius 속성과 함께 백분율을 사용할 수 있습니까?

  예, -moz와 함께 백분율을 사용할 수 있습니다. -Border-Radius 속성. 백분율은 테두리 박스의 너비와 높이와 관련하여 계산되며, 결과적인 모양은 대칭 타원이거나 두 길이가 같으면 원입니다. -Radius and Border-Radius?

  -Moz-Border-Radius는 이전 버전의 Firefox에 사용되는 공급 업체 별 속성이며 Border-Radius는 표준입니다. CSS 속성. 두 속성 모두 둥근 모서리를 만드는 것과 동일한 목적으로 사용됩니다. 그러나 모든 최신 브라우저에서 지원되는 표준 Border-Radius 속성을 사용하는 것이 좋습니다. -moz-border-radius 속성을 사용하는 원이라면 속성을 50%로 설정해야합니다. 요소의 너비와 높이가 동일하다는 점을 감안할 때 완벽한 원이 만들어집니다.

  -Moz-Border-Radius 속성으로 각 모서리마다 다른 값을 사용할 수 있습니까? -moz-border-radius-topleft, -moz-border-radius-topright, -moz border-radius-bottomright를 사용하여 각 코너마다 다른 값을 지정할 수 있습니다. -Moz-Border-Radius-Bottomleft Properties.

  -moz-border-radius 속성과 함께 음수 값을 사용하면 어떻게됩니까?

  -moz-border에서는 음수 값이 허용되지 않습니다. -Radius 속성. 음수 값을 사용하면 선언이 무시되고 속성이 적용되지 않습니다.

  다른 테두리 속성과 함께 -moz-border-radius 속성을 사용할 수 있습니까? -moz-border-radius 속성은 국경 스타일, 경계 넓이 및 국경 색과 같은 다른 테두리 속성과 함께 사용할 수 있습니다. 이를 통해 둥근 모서리에 대한 다양한 스타일을 만들 수 있습니다.

  모든 브라우저에서 지원되는 -moz-border-radius 속성은? Mozilla 특정 부동산이므로 Firefox에서만 지원됩니다. 그러나 모든 최신 브라우저는 표준 Border-Radius 속성을 지원하므로 크로스 브라우저 호환성에 사용하는 것이 좋습니다.

위 내용은 Moz-Border-Radius (CSS Property)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!