페이지 표시기

페이지 표시기에는 현재 페이지 색인과 총 페이지 수가 표시됩니다. 데스크톱 시스템 및 태블릿의 기본 컨트롤 모음에 표시되고 휴대 전화에서는 보조 컨트롤 모음에 추가됩니다. 페이지 표시기의 크기는 CSS로 지정하고, 스킨을 지정하고, 배치할 수 있습니다.

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

.s7ecatalogviewer .s7pageindicator

CSS 속성

설명

최상위

기본 컨트롤 막대(데스크톱 시스템 및 태블릿의 경우) 또는 보조 컨트롤 막대(휴대폰의 경우)의 위쪽 테두리에서 패딩을 배치합니다.

오른쪽

기본 컨트롤 막대(데스크톱 시스템 및 태블릿의 경우) 또는 보조 컨트롤 막대(휴대폰의 경우)의 오른쪽 테두리에서 패딩을 배치합니다.

왼쪽

기본 컨트롤 막대(데스크톱 시스템 및 태블릿의 경우) 또는 보조 컨트롤 막대(휴대폰의 경우)(패딩 포함)의 왼쪽 테두리에서 배치합니다.

하단

기본 컨트롤 막대(데스크톱 시스템 및 태블릿의 경우) 또는 보조 컨트롤 막대(휴대폰의 경우)의 안쪽 테두리에서 패딩을 배치합니다.

width

페이지 표시기의 폭입니다.

height

페이지 표시기의 높이입니다.

color

글꼴 색상.

font-family

글꼴 이름.

font-size

글꼴 크기입니다.

예 - 56 x 28픽셀인 페이지 표시기를 가로 방향으로 가운데 맞춤하고 기본 컨트롤 막대의 하단에서 4픽셀을 배치하여 14픽셀 Helvetica® 글꼴을 사용합니다.

.s7ecatalogviewer  .s7pageindicator {
 position:absolute;
 bottom: 4px;
 margin-left: -28px;
 left: 50%;
 width:56px;
 height:28px;
 font-family: Helvetica;
 font-size:14px;
}

이 페이지에서는