최고의 CSS 속성을 플렉스는 축소 튜토리얼 2024년, 이 튜토리얼에서는 예,브라우저 지원,정의 및 사용,CSS 구문,속성 값,관련 기사,를 배울 수 있습니다.

CSS 속성을 플렉스는 축소

CSS 참조 CSS 참조


두번째 요소는 다른 요소의 1/3로 축소하자

div:nth-of-type(2) {flex-shrink: 3;}

»시도

브라우저 지원

표의 수치 속성 버전 번호를 먼저 지원 브라우저를 나타낸다.

즉시 접두사 속성을 지원하는 첫 번째 버전 이후 디지털 -webkit-, -ms- 또는 -moz-를 다음과 같습니다.

재산
플렉스 축소 29.0
21.0 -webkit-
11.0
10.0 -ms-
28.0
18.0 -moz-
9.0
6.1 -webkit-
17.0

정의 및 사용

플렉스 수축 특성이 설정 또는가요 성 파우치 수축율을 검색하는 데 사용된다. .

주 : 소자는 탄성 요소 상자 오브젝트가없는 경우,가요 성 수축 특성은 작동하지 않는다.

기본값 : (1)
상속 : 아니
애니메이션 할 수 있습니다 : 예. 참조하시기 바랍니다 애니메이션 (애니메이션) . 시험
버전 : CSS3
자바 스크립트 구문 : .style.flexShrink이 = "5"개체시도


CSS 구문

flex-shrink:number|initial|inherit;

속성 값

描述
number 一个数字,规定项目将相对于其他灵活的项目进行收缩的量。默认值是 0。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit


관련 기사

CSS 참조 : 플렉스 등록

CSS 참조 설명서 : 플렉스 - 기초 속성

CSS 참조 설명서 : 플렉스 방향 속성

CSS 참조 설명서 : 플렉스 흐름 속성

CSS 참조 설명서 : 속성을 플렉스 - 성장

CSS 참조 설명서 : 플렉스 랩 속성


CSS 참조 CSS 참조

CSS 속성을 플렉스는 축소
10/30