Size
이 페이지에서는 메인 메뉴의 Edit Menu 중 Size Tab에 대해 설명합니다.
Padding
Padding 값이 들어가는 위치를 나타내는 아이콘과 위,아래,좌,우 네개의 Padding 값을 적용시킬 수 있습니다.
Margin과 같은 순서로 왼쪽-위-오른쪽-아래 순서로 값을 확인하거나 수정할 수 있습니다.
각 값들은 padding-left, padding-top, padding-right, padding-bottom으로 개별 선택 가능합니다.
Padding을 수정을 하면 자동설정이 해제 됩니다.
Margin
Margin 값이 들어가는 위치를 나타내는 아이콘과 위,아래,좌,우 네개의 Margin 값을 적용시킬 수 있습니다.
Padding과 같은 순서로 왼쪽-위-오른쪽-아래 순서로 값을 확인하거나 수정할 수 있습니다.
각 값들은 margin-left, margin-top, margin-right, margin-bottom으로 개별 선택 가능합니다.
Margin을 수정을 하면 자동설정이 해제 됩니다.
SizeType
Width Type
None
Fixed - 가로길이를 지정하고 싶을 때 사용
Fill - element의 margin 부분 빼고 채움
Height Type
None
Fixed - 높이를 지정하고 싶을 때 사용
Fill - element의 margin 부분 빼고 채움
Min Width Type : minimum width
None
Fixed - 최소 가로길이를 지정하고 싶을 때 사용
Fill - element의 margin 부분 빼고 채움
Min Height Type : minimum height
None
Fixed - 최소 높이를 지정하고 싶을 때 사용
Fill - element의 margin 부분 빼고 채움
Max Width Type : maximum width
None
Fixed - 최대 가로를 지정하고 싶을 때 사용
Fill - element의 margin 부분 빼고 채움
Max Height Type : maximum height
None
Fixed - 최대 높이를 지정하고 싶을 때 사용
Fill - element의 margin 부분 빼고 채움
Flex
FlexGrow : Number
css property인 flex-grow
https://developer.mozilla.org/ko/docs/Web/CSS/flex-grow
FlexShrink : Number
css property인 flex-shrink
기본값 : flex-shrink : 0;
Last updated