최신 웹 개발 튜토리얼
 

Style flexShrink Property

<스타일 개체

파란색 DIV 요소가 유연 항목의 나머지 부분보다 다섯 배 이상 축소 보자 :

document.getElementById("myBlueDiv".style.flexShrink = "5";
»그것을 자신을 시도

정의 및 사용

flexShrink 속성은 항목이 같은 컨테이너 내부의 유연한 항목의 나머지 부분에 상대적으로 감소 할 방법을 지정합니다.

Note: 요소가 flexShrink 속성은 효과가 없습니다, 유연한 항목이 아닌 경우.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

flexShrink 속성은 IE10 +, 파이어 폭스, 오페라, 그리고 크롬에서 지원됩니다.

참고 : 사파리 6.1 이상 대안의 WebkitFlexShrink 속성을 지원합니다.


통사론

flexShrink 속성을 반환합니다 :

object .style.flexShrink

flexShrink 속성을 설정 :

object .style.flexShrink=" 속성 값
기술
number 항목이 유연 항목의 나머지 부분에 상대적으로 축소 얼마나 지정하는 숫자입니다. 기본값은 0입니다
initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한
inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

기술적 세부 사항

기본값: 1
반환 값 : 요소의 플렉스 수축 특성을 나타내는 문자열
CSS 버전 CSS3

관련 페이지

CSS 참조 : flex-shrink property

HTML DOM 스타일 참조 : flex property

HTML DOM 스타일 참조 : flexBasis property

HTML DOM 스타일 참조 : flexDirection property

HTML DOM 스타일 참조 : flexFlow property

HTML DOM 스타일 참조 : flexGrow property

HTML DOM 스타일 참조 : flexWrap property


<스타일 개체