CSS 최대 너비 속성

정의와 사용법

max-width은 원소의 최대 너비를 정의합니다.

설명

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

다른 것을 참조하세요:

CSS 강의:CSS 크기

CSS 참조 설명서:CSS 최소 너비 속성

HTML DOM 참조 설명서:maxWidth 속성

예제

단락의 최대 너비를 설정하다

p
  {
  max-width:100px;
  }

직접 시도해보세요

CSS 문법

max-width: none|length|initial|inherit;

속성 값

값 설명
none 기본. 요소의 최대 너비에 제한이 없습니다.
length 요소의 최대 너비 값을 정의합니다.
% 그를 포함하는 블록 요소의 백분율로 최대 너비를 정의합니다.
inherit max-width 속성의 값을 부모 요소에서 상속해야 합니다.

기술 세부 사항

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

TIY 예제

원소의 최대 너비를 픽셀로 설정하다
이 예제에서는 원소의 최대 높이를 픽셀로 설정하는 방법을 보여줍니다.
원소의 최대 너비를 백분율로 설정하다
이 예제에서는 원소의 최대 높이를 백분율로 설정하는 방법을 보여줍니다.

브라우저 지원

표에서의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 기재하고 있습니다.

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