무료 도구
한국어
CSS 여백 단계 만들기
CSS 여백 단계 만들기에 필요한 값을 입력하고 결과를 복사하거나 저장하세요. 입력 안내: 밑, 개수. 로그인 없이 바로 사용.
로그인 없이 바로 사용
도구 불러오는 중…
사용 방법
- 1입력 안내: 밑, 개수.
- 2실행을 눌러 결과를 확인하세요.
- 3결과 복사 / 결과 파일 저장.
사용할 때 알아두세요
입력 범위와 단위를 확인하세요. 결과는 입력값과 브라우저 기능에 따라 계산됩니다.
광고 표시를 위한 접속 정보가 처리될 수 있습니다. 맞춤 광고는 개인정보 선택을 따릅니다. 개인정보 안내 (영어)
실제로 계산한 입력·출력 예시
이 도구의 실제 엔진에 아래 예시 값을 넣은 결과입니다. 개인 입력이나 저장된 작업을 사용하지 않습니다. 도구에서 ‘예제 불러오기’로 같은 입력을 확인할 수 있습니다.
예시 입력
| 항목 | 값 |
|---|---|
| 밑 | 4 |
| 개수 | 8 |
예시 결과
:root {
--space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 20px;
--space-6: 24px;
--space-7: 28px;
--space-8: 32px;
}입력 조건
아래 조건은 실제 입력 검사의 허용 범위이며, 현실에서 적용 가능한 범위나 결과의 정확도를 보장하는 기준은 아닙니다.
- 밑: 허용 범위: 0.000000001 ≤ x ≤ 1,000,000,000,000
- 개수: 허용 범위: 1 ≤ x ≤ 32 · 정수만