Style flexWrap 속성

정의와 사용법

flexWrap 속성이 elasticity item이 줄을 바꿀지 여부를 지정합니다.

주의:요소가 elasticity item이 아니면 flexWrap 속성이 유효하지 않습니다.

추가로 참조:

CSS 참조 메뉴얼:flex-wrap 속성

예제

필요한 경우 elasticity item이 줄을 바꿀 수 있도록 합니다:

document.getElementById("main").style.flexWrap = "wrap";

직접 테스트해 보세요

문법

flexWrap 속성 반환:

object.style.flexWrap

flexWrap 속성 설정:

object.style.flexWrap = "nowrap|wrap|wrap-reverse|initial|inherit"

속성 값

값 설명
nowrap 기본 값. elasticity item이 줄을 바꿀지 않습니다.
wrap 규정 elasticity item이 필요할 때 줄을 바꿉니다.
wrap-reverse 규정 elasticity item이 필요할 때 반대 순서로 줄을 바꿉니다.
initial 이 속성을 기본 값으로 설정합니다. 참조: initial.
inherit 이 속성을 부모 요소에서 상속합니다. 참조: inherit.

기술 세부 사항

기본 값: nowrap
반환 값: 문자열로 표현된 요소의 flex-wrap 속성.
CSS 버전: CSS3

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 11.0 지원 9.0 지원

관련 페이지

HTML DOM STYLE 참조: flex 속성

HTML DOM STYLE 참조: flexBasis 속성

HTML DOM STYLE 참조: flexDirection 속성

HTML DOM STYLE 참조: flexFlow 속성

HTML DOM STYLE 참조: flexGrow 속성

HTML DOM STYLE 참조: flexShrink 속성