TAG
CSS
Result
Run
License
<p> env() 함수를 지원하는 경우 왼쪽에 여백이 적용된다. 환경 변수는 대소문자를 구분한다. 따라서 단락의 위쪽, 오른쪽, 아래쪽은 <code>safe-area-inset-*</code> 환경 변수가 사용되지만 단락의 왼쪽은 <code>SAFE-AREA-INSET-LEFT</code> 환경 변수를 이해하지 못하므로 두 번째 인수인 대체 값 50픽셀로 처리된다. </p>
p { background-color: #EAEAEA; width: 300px; padding: env(safe-area-inset-top, 50px) env(safe-area-inset-right, 50px) env(safe-area-inset-bottom, 50px) env(SAFE-AREA-INSET-LEFT, 50px); } p > code { background-color: #CCC; }
Console
expand_less
License
License
by DevDic
Close