스타일 flexBasis 속성

정의와 사용법

flexBasis 속성은 엘라스틱 아이템의 초기 길이를 정의합니다.

비고:요소가 엘라스틱 아이템이 아니면 flexBasis 속성이 유효하지 않습니다.

추가로 참조:

CSS 참조 매뉴얼:flex-basis 속성

예제

엘라스틱 요소의 초기 길이를 200 픽셀로 설정합니다:

document.getElementById("myBlueDiv").style.flexBasis = "200px";

직접 테스트해 보세요

문법

flexBasis 속성 반환:

object.style.flexBasis

flexBasis 속성 설정:

object.style.flexBasis = "number|auto|initial|inherit"

속성 값

값 설명
number 규정된 엘라스틱 요소의 초기 길이, 길이 단위 또는 퍼센트를 정의합니다.
auto

기본 값. 길이는 엘라스틱 요소의 길이와 동일합니다.

프로젝트가 규정된 길이가 없으면 길이는 내용에 따라 결정됩니다.
initial 이 속성을 기본 값으로 설정합니다. 참조: initial.
inherit 부모 요소에서 이 속성을 상속합니다. 참조: inherit.

기술 세부 사항

기본 값: auto
반환 값: 문자열, 요소의 flex-basis 속성.
CSS 버전: CSS3

브라우저 지원

표에서의 숫자는 이 속성을 최초로 완전히 지원한 브라우저 버전을 나타냅니다.

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

관련 페이지

HTML DOM STYLE 참조 매뉴얼:flex 속성

HTML DOM STYLE 참조 매뉴얼:flexDirection 속성

HTML DOM STYLE 참조 매뉴얼:flexFlow 속성

HTML DOM STYLE 참조 매뉴얼:flexGrow 속성

HTML DOM STYLE 참조 매뉴얼:flexShrink 속성

HTML DOM STYLE 참조 매뉴얼:flexWrap 속성