CSS 최소 너비 속성

정의와 사용법

min-width 요소의 최소 너비를 설정하는 속성.

설명

이 속성 값은 요소의 너비 설정에 최소 제한을 두습니다. 따라서 요소는 지정된 값보다 넓을 수 있지만, 좁을 수 없습니다. 음수 값을 지정할 수 없습니다.

추가로 참조하십시오:

CSS 강의:CSS 크기

CSS 참조 가이드:CSS 최대 너비 속성

HTML DOM 참조 가이드:minWidth 속성

예제

단락의 최소 너비를 설정:

p
  {
  min-width:100px;
  }

직접 시도해보세요

CSS 문법

min-width: length|initial|inherit;

속성 값

값 설명
length 요소의 최소 너비 값을 정의합니다. 기본값: 브라우저에 따릅니다.
% 그를 포함하는 블록 요소의 백분율을 기반으로 최소 너비를 정의합니다.
inherit 부모 요소에서 min-width 속성 값을 상속해야 합니다.

기술 세부 사항

기본값: none
상속성: no
버전: CSS2
JavaScript 문법: object.style.minWidth="50px"

TIY 예제

픽셀 값을 사용하여 요소의 최소 너비를 설정
이 예제에서는 픽셀 값을 사용하여 요소의 최소 너비를 설정하는 방법을 보여줍니다.
백분율을 사용하여 요소의 최소 너비를 설정
이 예제에서는 백분율을 사용하여 요소의 최소 너비를 설정하는 방법을 보여줍니다.

브라우저 지원

표中的 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 기재했습니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
1.0 7.0 1.0 2.0.2 4.0