최신 웹 개발 튜토리얼
×

CSS 참고

CSS 참고 CSS 선택기 CSS 함수 CSS 참고 청각 CSS 웹 안전 글꼴 CSS 애니메이션 CSS 단위 CSS PX-EM 변환기 CSS 그림 물감 CSS 색 값 CSS3 브라우저 지원

CSS 속성

align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-shadow box-sizing caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-size font-size-adjust font-stretch font-style font-variant font-weight hanging-punctuation height justify-content @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top max-height max-width @media min-height min-width nav-down nav-index nav-left nav-right nav-up opacity order outline outline-color outline-offset outline-style outline-width overflow overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin position quotes resize right tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-overflow text-shadow text-transform top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi vertical-align visibility white-space width word-break word-spacing word-wrap z-index



 

CSS 청각 참조


청각 스타일 시트

청각 스타일 시트는 사용자 대신에 정보를 판독, 정보를 수신하기 위해 음성 합성과 음향 효과의 조합을 사용한다.

청각 프리젠 테이션을 사용할 수 있습니다 :

  • 시각 장애인으로
  • 사용자가 읽기 학습에 도움
  • 읽기 문제가 사용자에게 도움이
  • 홈 엔터테인먼트를위한
  • 차에
  • 인쇄 장애인 지역 사회에 의해

청각 발표는 일반 텍스트 문서를 변환하여 화면 판독기이 공급 (a program that reads all the characters on the screen) .

청각 스타일 시트의 예 :

h1, h2, h3, h4 {
    voice-family: male;
    richness: 80;
    cue-before: url("beep.au")
}

위의 예는 음성 합성 한 다음, 사운드를 재생 매우 부유 한 남성의 목소리로 헤더를 이야기 할 것입니다.


CSS 청각 참조

"CSS" 열은 CSS 버전에서 속성 정의를 나타냅니다 (CSS1 or CSS2) .

재산 기술 CSS
azimuth 소리가에서 와야 세트 angle
left-side
far-left
left
center-left
center
center-right
right
far-right
right-side
behind
leftwards
rightwards
2
cue 하나의 선언에서 큐 속성을 설정합니다 cue-before
cue-after
2
cue-after 소리는 요소의 내용을 말하기 후 재생을 지정합니다 none
url
2
cue-before 소리는 요소의 내용을 말하기 전에 재생을 지정합니다 none
url
2
elevation 소리가에서 와야 세트 angle
below
level
above
higher
lower
2
pause 하나의 선언에서 일시 정지 속성을 설정합니다 pause-before
pause-after
2
pause-after 요소의 내용을 말하기 후 일시 정지를 지정합니다 time
%
2
pause-before 요소의 내용을 말하기 전에 일시 정지를 지정합니다 time
%
2
pitch 말하는 목소리를 지정합니다 frequency
x-low
low
medium
high
x-high
2
pitch-range 말하는 음성의 변화를 지정합니다. (모노톤 음성 또는 애니메이션 목소리?) number 2
play-during 소리는 요소의 내용을 말하는 동안 재생할 수를 지정합니다 auto
none
url
mix
repeat
2
richness 말하는 음성의 풍요 로움을 지정합니다. (서식 음성 또는 얇은 목소리?) number 2
speak 콘텐츠가 청각 렌더링할지 여부를 지정합니다 normal
none
spell-out
2
speak-header 테이블 헤더를 처리하는 방법을 지정합니다. 헤더는 이전 셀과 다른 헤더와 함께 모든 세포 전에, 또는 단지 세포 전에 사용 가능해야합니다 always
once
2
speak-numeral 숫자를 말하는 방법을 지정합니다 digits
continuous
2
speak-punctuation 문장 부호를 구사하는 방법을 지정 none
code
2
speech-rate 말하는 속도를 지정합니다 number
x-slow
slow
medium
fast
x-fast
faster
slower
2
stress 지정 "stress" 말하는 목소리 number 2
voice-family 말하기의 음성 패밀리를 지정합니다 specific-voice
generic-voice
2
volume 말하기의 볼륨을 지정합니다 number
%
silent
x-soft
soft
medium
loud
x-loud
2