CSS 취소선 코드는 무엇을 의미하나요?-프런트엔드 Q&A-php.cn

CSS 취소선 코드는 무엇을 의미하나요?

青灯夜游

풀어 주다： 2022-09-14 13:59:55

원래의

4291명이 탐색했습니다.

CSS 취소선 코드는 "텍스트 요소 {text-장식:line-through;}"입니다. CSS 텍스트 장식 속성은 밑줄, 윗줄, 취소선 등과 같이 텍스트에 추가된 수정 사항을 지정하는 데 사용됩니다. 이 속성의 값을 "line-through"로 설정하면 텍스트를 통과하는 선을 정의할 수 있습니다. 즉, 취소선 효과입니다.

CSS 취소선 코드는 무엇을 의미하나요?

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

CSS에서는 취소선 효과를 얻기 위해 text-장식 속성을 사용할 수 있습니다. 구현 코드는 다음과 같습니다.

文本元素{text-decoration:line-through;}

로그인 후 복사

text-장식 속성은 밑줄, 윗줄, 취소선 등과 같이 텍스트에 추가된 수정 사항을 지정합니다.

값	설명
none	default. 표준을 정의하는 텍스트입니다.
underline	은 텍스트 아래에 줄을 정의합니다.
overline	은 텍스트 위에 선을 정의합니다.
line-through	는 텍스트 아래를 통과하는 선을 정의합니다.
blink	깜박이는 텍스트를 정의하세요.

설명:

이 속성을 사용하면 취소선 추가 등 텍스트에 특정 효과를 설정할 수 있습니다. 하위 요소에 자체 장식이 없으면 상위 요소에 설정된 장식이 하위 요소로 "확장"됩니다. 사용자 에이전트는 깜박임을 지원할 필요가 없습니다.

코드 예:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css添加文本文字的删除线</title>
		<style>
			p{
				text-decoration:line-through;
			}
		</style>
	</head>
	<body>
		<p>这里有一条删除线</p>
	</body>
</html>

로그인 후 복사

CSS 취소선 코드는 무엇을 의미하나요?

예제에서 볼 수 있듯이 text-장식:line-through;를 설정하여 p 요소의 텍스트에 취소선을 추가하면 됩니다. 간단하고 편리합니다. 색상과 같은 CSS 설정을 통해 취소선 스타일을 간단히 수정할 수 있습니다. 예: text-decoration:line-through;为p元素里的文本文字添加了删除线，方法简单、方便。且可以通过css设置简单修饰删除线样式，比如：颜色，例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css添加文本文字的删除线</title>
		<style>
			p{
				text-decoration:line-through;
				color: red;
			}
			span{
				color: black;
			}
		</style>
	</head>
	<body>
		<p><span>这里有一条删除线</span></p>
	</body>
</html>

로그인 후 복사

CSS 취소선 코드는 무엇을 의미하나요?