::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

브라우저 호환성

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
::spelling-error

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

같이 보기