CSS에서 테두리 너비에 백분율을 사용할 수 있나요?

테두리 두께(백분율)

CSS 사양에 백분율이 명시적으로 명시되어 있으므로 테두리 너비를 백분율로 설정하려는 노력에 장애물이 발생했습니다. 테두리 너비에는 지원되지 않습니다.

그러나 백분율로 착각할 수 있는 해결 방법이 있습니다. 국경. 여기에는 원하는 테두리 색상을 배경으로 사용하여 래퍼 요소를 생성하고 패딩을 백분율로 설정하는 작업이 포함됩니다. 동시에 테두리를 지정하려는 요소의 배경을 흰색(또는 다른 적절한 색상)으로 설정합니다.

이를 고려하세요. 예:

CSS:

.faux-borders {
    background-color: #f00;
    padding: 1px 25%; /* simulate border with padding */
}

.content {
    background-color: #fff;
}

HTML:

<div>

이 비스크립트 솔루션은 다음 방법을 제공합니다. JavaScript 없이 백분율 테두리를 시뮬레이션합니다.

위 내용은 CSS에서 테두리 너비에 백분율을 사용할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!