페이지 표시기

마지막 업데이트: 2023-05-22
  • 작성 대상:
  • Developer
    User

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

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

.s7ecatalogsearchviewer .s7pageindicator

CSS 속성

설명

최상위

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

오른쪽

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

왼쪽

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

하단

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

width

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

height

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

color

글꼴 색상.

font-family

글꼴 이름.

font-size

글꼴 크기입니다.

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

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

이 페이지의