::spelling-error

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

::spelling-error CSS 의사 요소는 사용자 에이전트가 철자가 틀린 것으로 표기한 텍스트 세그먼트를 나타냅니다.

허용되는 속성

CSS 속성의 일부만이 ::spelling-error 과 해당 선택자 내에서 함께 사용될 수 있습니다.

구문

css
::spelling-error {
  /* ... */
}

예제

간단한 문서 철자 확인

이 예제에서는 지원하는 브라우저는 표시된 스타일로 모든 철자 오류를 강조 표시해야 합니다.

HTML

html
<p contenteditable spellcheck="true">
  My friends are coegdfgfddffbgning to the party tonight.
</p>

CSS

css
::spelling-error {
  text-decoration: wavy red underline;
}

결과

명세서

Specification
CSS Pseudo-Elements Module Level 4
# selectordef-spelling-error

브라우저 호환성

BCD tables only load in the browser

같이 보기