값이 0인 경우 단위 제거

단위(Unit)가 있어야하는 숫자나 %가 입력되어야 할 곳이라도, 그 값(Value)이 0인 경우에는 단위를 명시하지 않아도 정상적으로 작동하게 됩니다. 0px, 0em, 0%과 같은 값이 0인 것(zero-value)들에는 아무런 차이가 없습니다. 값이 0이기 때문에 단위의 유무가 중요하지 않은 것입니다. CSS는 이렇게 값이 0인 경우 단위를 적지 않아도 유효한 것(valid CSS)으로 인식합니다.

값이 0인 항목들의 단위는 브라우저가 이용하지 않기 때문에 제거하는 것이 바람직하고 용량을 줄일 수 있는 안전한 방법이기도 합니다.

규칙 상세설명

규칙(Rule) ID: zero-units

이 규칙은 값이 0이면서 단위를 가지고 있는 경우를 찾아냅니다. 0px, 0em, 0%과 같은 경우입니다.

.mybox {
    margin: 0px;
}

.mybox {
    width: 0%;
}

.mybox {
    padding: 10px 0px;
}

다음의 경우는 정상적인 것으로 판단합니다.

.mybox {
    margin: 0;
}

.mybox {
    padding: 10px 0;
}

---

원문: https://github.com/stubbornella/csslint/wiki/Disallow-units-for-zero-values