고정 콘텐츠 옵션
블록 안의 콘텐츠에 마우스를 올렸을 때 외곽선이 점선으로 나타나는 콘텐츠는 모두 [고정 콘텐츠]입니다.
[고정 콘텐츠]가 포함된 블록은 콘텐츠의 높이만큼 블록 높이가 자동으로 늘어납니다.
[고정 콘텐츠]가 포함된 블록은 콘텐츠의 높이만큼 블록 높이가 자동으로 늘어납니다.
반대로 점선으로 표시되지 않은 [이동 콘텐츠]로 블록을 제작하는 경우, 블록 높이를 설정해 주어야 한다는 점 기억해주세요!
옵션
점선영역 안을 클릭하면 해당 영역이 활성화되고 옵션값을 설정할 수 있는 옵션 패널이 나타납니다.
옵션의 종류는 블록의 구성이나 스타일에 따라 상이합니다.
옵션의 종류는 블록의 구성이나 스타일에 따라 상이합니다.
여백/간격
- 여백 : 영역 내부의 상/하/좌/우 여백을 조정할 수 있습니다.
- 간격 : 다른 콘텐츠와의 간격을 조정할 수 있습니다.
배경색
항목의 배경 색을 설정합니다. 팔레트에서 원하는 색상을 고를 수 있고, 컬러코드가 출력되는 영역에 hex 값으로 삽입할 수도 있습니다.
팔레트 하단에 있는 바를 이용하여 투명도 설정도 가능합니다.
팔레트 하단에 있는 바를 이용하여 투명도 설정도 가능합니다.
라인색상
라인이 적용된 항목의 경우, 라인색상을 변경할 수 있습니다.
색상 파레트 내의 스포이드 기능을 활용하면 화면 내 어느 곳이던 색상 정보를 추출하여 적용할 수 있습니다.
라운딩
항목의 모서리의 라운딩(곡선) 값을 변경할 수 있습니다.
수정을 원하는 모서리를 체크박스로 선택하고 값을 조정하시면 해당하는 모서리의 라운딩 값이 조정됩니다.
수정을 원하는 모서리를 체크박스로 선택하고 값을 조정하시면 해당하는 모서리의 라운딩 값이 조정됩니다.
이미지 라운딩
항목 내 포함된 이미지의 라운딩을 설정합니다.
최소값인 0으로 설정하면 각진 모서리가, 최대값인 100으로 설정하면 원형이 됩니다.
(직사각형의 이미지인경우, 짧은 면이 원형으로 적용됩니다)
최소값인 0으로 설정하면 각진 모서리가, 최대값인 100으로 설정하면 원형이 됩니다.
(직사각형의 이미지인경우, 짧은 면이 원형으로 적용됩니다)
이미지 비율
이미지 프레임의 가로-세로 비율을 조정합니다.
[고정 콘텐츠] 내에 포함된 이미지의 경우 가로 사이즈는 고정되어 있고 비율 조정을 통해 세로 길이를 원하는 형태로 설정할 수 있습니다.
100으로 설정 시 가로 - 세로 비율이 1:1이 되며,
100보다 작은 경우 가로로 긴 이미지가, 100보다 큰 경우 세로가 긴 이미지가 됩니다.
[고정 콘텐츠] 내에 포함된 이미지의 경우 가로 사이즈는 고정되어 있고 비율 조정을 통해 세로 길이를 원하는 형태로 설정할 수 있습니다.
100으로 설정 시 가로 - 세로 비율이 1:1이 되며,
100보다 작은 경우 가로로 긴 이미지가, 100보다 큰 경우 세로가 긴 이미지가 됩니다.
이미지 노출방식
이미지 영역에 설정된 비율과 원본 이미지의 비율이 다른 경우, 이미지를 노출하는 방식을 설정할 수 있습니다.
- 채우기 : 설정된 영역에 이미지를 가득차게 적용합니다. 설정된 비율과 원본 이미지의 비율이 다른 경우, 남는 이미지를 숨김 처리합니다.
- 포함하기 : 원본 이미지를 잘리지 않게 모두 적용합니다. 설정된 비율과 원본 이미지의 비율이 다른 경우 이미지 영역에 빈 공간이 생기게 됩니다.
- 원본 : 이미지를 원본 사이즈로 적용합니다.