HTML <del> 태그

정의와 사용법

<del> 문서에서 제거된 텍스트를 표시합니다. 브라우저는 일반적으로 제거된 텍스트에 하이픈을 그립니다.

안내:插入 텍스트를 표시하는 데 사용되는 <ins> 태그.

다른 참고 자료:

HTML DOM 참조 가이드:Del 객체

예시

예제 1

삭제된 부분과 새로 추가된 부분이 있는 텍스트:

<p>저가 좋아하는 색은 <del>파란색</del><ins>빨간색</ins>입니다!</p>

직접 시험해 보세요

예제 2

CSS를 사용하여 <del>과 <ins>의 스타일을 설정합니다:

<html>
<head>
<style>
del {background-color: tomato;}
ins {background-color: yellow;}
</style>
</head>
<body>
<p>저가 좋아하는 색은 <del>파란색</del><ins>빨간색</ins>입니다!</p>
</body>
</html>

직접 시험해 보세요

속성

속성 설명
cite URL 문서의 URL을 정의하고, 텍스트가 삭제/수정된 이유를 설명합니다
datetime YYYY-MM-DDThh:mm:ssTZD 텍스트를 삭제/수정한 날짜와 시간을 정의합니다

전역 속성

<del> 태그는 또한 HTML에서의 전역 속성.

이벤트 속성을 지원합니다

<del> 태그는 또한 HTML에서의 이벤트 속성.

기본 CSS 설정

대부분의 브라우저는 다음 기본 값으로 표시합니다 <del> 요소:

del {
  text-decoration: line-through;
}

직접 시험해 보세요

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원