Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.cdn.mozilla.net/ko/docs/Web/HTML/Reference/Elements/s below:

<s> - HTML: Hypertext Markup Language

Baseline Widely available

HTML <s> 요소는 글자에 취소선, 즉 글자를 가로지르는 선을 그립니다. <s> 요소를 사용해 이제 관계 없거나 더 이상 정확하지 않은 부분을 나타내세요. 그러나, <s>는 문서의 편집 기록을 나타내는 용도로는 적합하지 않습니다. 상황에 따라 <del>ê³¼ <ins> 요소를 대신 사용하세요.

<p><s>There will be a few tickets available at the box office tonight.</s></p>

<p>SOLD OUT!</p>

/* stylelint-disable-next-line block-no-empty */
s {
}

이 요소는 전역 특성만 포함합니다.

<s>Today's Special: Salmon</s> SOLD OUT<br />

대부분의 스크린 리더는 기본값에서 <s> 요소의 존재를 표현하지 않습니다. 그러나 CSS content 속성과 ::before, ::after 의사 요소를 사용하면 소리내어 읽도록 할 수 있습니다.

s::before,
s::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

s::before {
  content: " [취소선 시작] ";
}

s::after {
  content: " [취소선 끝] ";
}

스크린 리더 사용자 일부는 지나치게 자세한 안내를 유발할 수 있는 콘텐츠의 표현을 의도적으로 꺼놓습니다. 그러므로 이 방식을 남용해선 안되며, 콘텐츠의 이해에 취소선의 유무가 꼭 필요할 때만 사용해야 합니다.

• Short note on making your mark (more accessible) | The Paciello Group
• Tweaking Text Level Styles | Adrian Roselli

• 자료가 삭제된 경우 사용하는 <del> 요소.
• <s> 요소의 시각적 요소를 재현할 수 있는 CSS text-decoration-line 속성.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4