>웹 프론트엔드 >CSS 튜토리얼 >CSS를 사용하여 텍스트에 밑줄, 윗줄 및 취소선을 긋는 데 사용되는 속성은 무엇입니까?

CSS를 사용하여 텍스트에 밑줄, 윗줄 및 취소선을 긋는 데 사용되는 속성은 무엇입니까?

PHPz
PHPz앞으로
2023-09-07 18:37:101776검색

哪个属性用于使用 CSS 为文本添加下划线、上划线和删除线?

CSS에서는 텍스트에 밑줄, 윗줄, 취소선을 추가하는 데 "text-장식" 속성이 사용됩니다.

텍스트 밑줄은 텍스트 아래에 선을 그리는 것을 의미하고, 밑줄 텍스트는 텍스트 위에 선을 그리는 것을 의미합니다. 텍스트 삭제는 텍스트 위에 선을 그려 해당 텍스트가 삭제되었음을 표시하는 것을 의미합니다.

이 튜토리얼에서는 text-designation CSS 속성의 다양한 값을 사용하여 다양한 텍스트 스타일을 지정하는 방법을 배웁니다.

문법

으아아아

가치

  • Style——실선, 점선, 물결선 등 장식선의 스타일을 나타냅니다.

  • Decoration - "밑줄", "윗줄" 및 "통과선" 값으로 텍스트를 장식할 수 있습니다.

  • Color - 장식선의 색상을 설정합니다.

  • Thickness——장식선의 굵기를 설정하는 데 사용됩니다.

아래 예에서는 "text-장식" CSS 속성을 사용하여 텍스트를 장식합니다. 사용자가 출력에서 ​​확인할 수 있는 "실선" 선 스타일, 빨간색 "밑줄" 장식 및 5px 가중치를 설정했습니다.

으아아아

아래 예에서는 텍스트를 파란색 윗줄로 장식했습니다. 출력에서 사용자는 텍스트 위의 파란색 선을 관찰할 수 있습니다.

으아아아

이 예에서는 텍스트를 삭제하기 위해 "text-장식" CSS 속성과 "line-through" 값을 사용했습니다. 출력에서 사용자는 텍스트 위의 줄을 관찰할 수 있습니다. 이렇게 하면 텍스트를 삭제하지 않고도 텍스트에 오류가 있음을 보여줄 수 있습니다.

으아아아

이 예에서는 서로 다른 텍스트로 세 가지 div 요소를 만들었습니다. 각 div 요소의 텍스트에 서로 다른 장식 스타일을 사용합니다. 출력에서 사용자는 "밑줄", "윗줄" 및 "스레드" 텍스트 장식 스타일 간의 차이를 관찰할 수 있습니다.

으아아아

결론

이 튜토리얼은 사용자에게 "텍스트 장식" CSS 속성을 사용하여 텍스트를 장식하는 방법을 가르칩니다. 사용자는 필요에 따라 다른 값을 사용하여 텍스트를 다르게 꾸밀 수 있습니다.

위 내용은 CSS를 사용하여 텍스트에 밑줄, 윗줄 및 취소선을 긋는 데 사용되는 속성은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제