CSS rest-after 속성이란?
CSS의 rest-after 속성은 음성 미디어(speech media) 환경에서 특정 요소가 읽힌 직후의 휴식(일시 정지) 시간을 지정하는 데 사용됩니다. 스크린 리더나 TTS(Text-to-Speech) 기기로 웹 페이지를 들을 때, 제목과 본문 사이 또는 문단 사이에 적절한 여유를 두면 청취자가 내용을 더 편하게 이해할 수 있습니다.
문법(Syntax)
rest-after: <time> | none | x-weak | weak | medium | strong | x-strong
각 값의 의미는 다음과 같습니다.
- <time> : 밀리초(ms) 또는 초(s) 단위로 휴식 시간을 직접 지정
- none : 휴식 없음
- x-weak : 매우 약한 강도의 휴식
- weak : 약한 강도의 휴식
- medium : 중간 강도의 휴식
- strong : 강한 강도의 휴식
- x-strong : 매우 강한 강도의 휴식
즉, x-weak | weak | medium | strong | x-strong 키워드 값들은 일시 정지의 강도(strength of pause)에 따라 휴식 길이를 결정합니다.
사용 예제
다음은 rest-after 음성 미디어 속성의 사용 예입니다.
h1 {
rest-after: 15ms;
}<time> 값은 밀리초 단위로 휴식 시간을 설정합니다. 위 예제에서는 h1 요소가 음성으로 읽힌 후 15밀리초 동안 잠시 멈추게 됩니다.