부모 요소 안에 있는 컨테이너 항목이 차지하는 크기를 한번에 설정한다. ‘0 1 auto’ 값이 기본 값이다. flex-grow을 0으로 설정시 내용물의 크기에 따라 폭이 결정된다. auto로 설정시 각각 ‘1 1 auto’로 설정된다. none은 ‘0 0 auto’ 로 설정된다.
요소의 아래쪽 위치 값을 설정한다. 요소는 position 속성 값이 absolute 또는 fixed로 설정되어 있어야 한다. 부모 요소의 position 값이 relative이며 하위 요소가 position 값이 absolute라면 부모 요소의 아래쪽으로 부터의 위치 값으로 설정된다. 부모 요소가 position 속성 값이 static인 경우 하위 요소가 position 속성 값을 absolute로 되어 있을 때 위치 기준은 부모 요소가 아니라 웹브라우저의 뷰포트가 된다. 부모 요소가 어떠한 position 값을 가지고 있다하더라도 하위 요소가 position 값이 fixed인 경우에는 웹브라우저의 뷰포트를 기준으로 아래쪽으로 부터의 위치값으로 지정된다.
요소의 왼쪽 위치 값을 설정한다. 이때 해당 요소는 position 속성의 값이 absolute 이거나 fixed 또는 relative로 설정되어 있어야 한다. position 속성 값을 relative로 가지는 경우도 left 값을 설정할 수 있지만 이 경우에는 position 값이 static 또는 relative인 직전 inline 요소의 우측이 기준이 된다. 부모 요소가 position 값이 relative를 가지고 하위 요소가 absolute를 갖는 경우에는 부모 요소의 왼쪽이 기준이 되어 위치 값이 설정된다. 부모 요소가 position 속성 값이 static 이고 하위 요소가 position 값이 absolute일 때 하위 요소의 왼쪽 위치 기준은 웹브라우저의 뷰포트가 된다. 부모 요소가 그 이외의 position 속성 값을 가지더라도 하위 요소의 position 값이 fixed 인 경우에는 부모 요소와 상관없이 웹브라우저의 뷰포트를 기준으로 왼쪽으로 부터의 위치값으로 지정된다.
요소의 위치 결정 방식을 정의한다. 기본적으로 요소는 static 값을 갖는다. 즉 마크업 순서에 따라 요소의 특성에 맞게 화면에 출력이 된다. 그러나 기본 값이 아닌 relative, absolute, fixed 값을 갖는 경우에는 화면에 출력되는 위치는 별도의 위치 속성(top, right, bottom, left) 값을 통해서 출력 위치를 지정할 수 있다.
요소의 오른쪽 위치 값을 설정한다. 요소는 position 속성 값이 absolute 또는 fixed로 설정되어 있어야 한다. 부모 요소가 존재하고 부모 요소의 position 값이 relative이면 부모 요소의 오른쪽으로 부터의 위치 값으로 설정된다. 부모 요소가 position 속성 값이 static인 경우 하위 요소가 position 속성이 absolute 값을 갖는다면 오른쪽 위치 기준은 웹브라우저의 뷰포트가 된다. 부모 요소가 어떠한 position 값을 가지고 있다하더라도 하위 요소가 position 값이 fixed인 경우에는 웹브라우저의 뷰포트를 기준으로 우측으로 부터의 위치값으로 지정된다.
요소의 상단 위치 값을 설정한다. 이때 해당 요소는 position 속성의 값이 absolute 이거나 fixed 또는 relative로 설정되어 있어야 한다. position 속성 값을 relative로 가지는 경우도 top 값을 설정할 수 있지만 이 경우에는 position 값이 static 또는 relative인 직전 요소의 하단이 기준이 된다. 부모 요소가 position 값을 relative를 가지고 하위 요소가 absolute를 갖는 경우에는 부모 요소의 상단이 기준이 되어 위치 값이 설정된다. 부모 요소가 position 속성 값이 static 이고 하위 요소가 position 값이 absolute일 때 요소의 상단 위치 기준은 웹브라우저의 뷰포트가 된다. 부모 요소가 그 이외의 position 속성 값을 가지더라도 하위 요소의 position 값이 fixed 인 경우에는 부모 요소와 상관없이 웹브라우저의 뷰포트를 기준으로 하여 상단으로 부터의 위치값으로 지정된다.
표의 가로크기를 고정시키거나 자동으로 조정되도록 할 수 있다. 표는 자신의 크기를 가지고 있다고 하더라도 셀 안의 콘텐츠의 양에 영향을 받는다. 만일 셀 안의 텍스트가 공백이 없는 경우(한글 제외) 텍스트는 테이블의 크기와는 관계없이 줄바꿈없이 보여지며 이로 인해 테이블의 크기는 자동으로 늘어나게 된다. table-layout 속성을 통해서 이러한 성질을 제어할 수 있다.
요소에게 전이효과에 관련된 세부 속성을 한꺼번에 정의하여 전이효과를 실행한다. CSS에서의 전이효과는 기본적으로 가지고 있는 요소의 style에서 별도로 정의한 style로 변화되는 모습을 애니메이션처럼 처리해준다. 따라서 animation 속성과 같은 의미의 속성이 존재한다.
