CSS3의 탐색-index 속성
예
두 개의 버튼 탭 키 순서를 지정합니다 :
버튼을 # B1
{
최고 : 20 %; 왼쪽 : 25 %;
탐색 - 인덱스 : 1;
탐색 오른쪽 : # B2를, NAV 왼쪽 : #의 B4를;
탐색 다운 : # B2를, NAV 업 : #의 B4를;
}
버튼을 # B2
{
상단 : 40 %; 좌측 : 50 %;
NAV-지수 : 2;
탐색 오른쪽 : #의 B3, NAV 왼쪽 : #의 B1을;
탐색 다운 : #의 B3, NAV 업 : #의 B1을;
}
버튼을 # B3
{
최고 : 70 %; 왼쪽 : 25 %;
NAV-지수 : 3;
탐색 오른쪽 : #의 B4, NAV 왼쪽 : #의 B2를;
탐색 다운 : #의 B4, NAV 업 : #의 B2를;
}
버튼을 # B4
{
최고 : 40 %; 왼쪽 : 0 %;
NAV-지수 : 4;
탐색 오른쪽 : #의 B1, NAV 왼쪽 : #의 B3을;
탐색 다운 : #의 B1, NAV 업 : #의 B3을;
}
{
최고 : 20 %; 왼쪽 : 25 %;
탐색 - 인덱스 : 1;
탐색 오른쪽 : # B2를, NAV 왼쪽 : #의 B4를;
탐색 다운 : # B2를, NAV 업 : #의 B4를;
}
버튼을 # B2
{
상단 : 40 %; 좌측 : 50 %;
NAV-지수 : 2;
탐색 오른쪽 : #의 B3, NAV 왼쪽 : #의 B1을;
탐색 다운 : #의 B3, NAV 업 : #의 B1을;
}
버튼을 # B3
{
최고 : 70 %; 왼쪽 : 25 %;
NAV-지수 : 3;
탐색 오른쪽 : #의 B4, NAV 왼쪽 : #의 B2를;
탐색 다운 : #의 B4, NAV 업 : #의 B2를;
}
버튼을 # B4
{
최고 : 40 %; 왼쪽 : 0 %;
NAV-지수 : 4;
탐색 오른쪽 : #의 B1, NAV 왼쪽 : #의 B3을;
탐색 다운 : #의 B1, NAV 업 : #의 B3을;
}
»시도
브라우저 지원
표의 수치 속성의 버전 번호를 먼저 지원 브라우저를 나타낸다.
즉시 디지털 -webkit- 이어 -ms- 또는 접두어 지원 전 -moz- 우선 브라우저 버전 번호 때문이다.
属性 | |||||
---|---|---|---|---|---|
nav-index | 不兼容 | 不兼容 | 不兼容 | 不兼容 | Supported in Opera 11.5-12. 不兼容于更新版本的浏览器 |
정의 및 지침을 속성
탐색 인덱스 속성은 순서 ( "탭 키 위해") 연속 탐색 요소를 지정합니다.
기본값 : | 자동 |
---|---|
상속 : | 아니 |
버전 : | CSS3 |
자바 스크립트 구문 : | .style.navIndex = 2 개체 |
문법
nav-index: auto|number|inherit;
값 | 설명 |
---|---|
자동 | 탭 키 순서 소자 브라우저에 할당 |
수 | 탭 키 순서는 요소를 나타냅니다. 1 수단 처음 |
상속 | 지정된 속성의 Nav- 인덱스 값은 부모 요소로부터 상속되어야한다 |