페이지 표시기 page-indicator

페이지 표시기에는 현재 페이지 인덱스 및 총 페이지 수가 표시됩니다. 데스크탑 시스템 및 태블릿의 주 제어 막대에 나타나며 휴대 전화에서는 보조 제어 막대에 추가됩니다. 페이지 표시기의 크기를 조정하고, 스킨을 지정하고, CSS로 위치를 지정할 수 있습니다.

페이지 표시기의 모양은 다음 CSS 클래스 선택기로 제어됩니다.

.s7ecatalogviewer .s7pageindicator

CSS 속성
설명
상위
패딩을 포함한 기본 컨트롤 막대(데스크탑 시스템 및 태블릿) 또는 보조 컨트롤 막대(휴대폰)의 위쪽 테두리에서 배치합니다.
오른쪽
패딩을 포함한 기본 컨트롤 막대(데스크탑 시스템 및 태블릿) 또는 보조 컨트롤 막대(휴대폰)의 오른쪽 테두리에서 배치합니다.
남음
패딩을 포함하여 기본 컨트롤 막대(데스크탑 시스템 및 태블릿) 또는 보조 컨트롤 막대(휴대폰)의 왼쪽 테두리에서 배치합니다.
하단
패딩을 포함하여 기본 컨트롤 막대(데스크탑 시스템 및 태블릿) 또는 보조 컨트롤 막대(휴대폰)의 아래쪽 테두리에서 배치합니다.
너비
페이지 표시기의 폭입니다.
높이
페이지 표시기의 높이입니다.
글꼴 색입니다.
font-family
글꼴 이름.
font-size
글꼴 크기입니다.

예 - 기본 컨트롤 막대의 맨 아래에서 가로 가운데에 4픽셀씩 배치되어 있는 56 x 28픽셀 페이지 표시기를 설정하고 14픽셀 Helvetica® 글꼴을 사용합니다.

.s7ecatalogviewer  .s7pageindicator {
 position:absolute;
 bottom: 4px;
 margin-left: -28px;
 left: 50%;
 width:56px;
 height:28px;
 font-family: Helvetica;
 font-size:14px;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8