CSS 텍스트 장식 속성: -
밑줄을 사용하여 중요한 텍스트를 강조할 수 있습니다. U 요소와 CSS 텍스트 장식 속성은 웹 페이지에서 텍스트에 밑줄을 긋는 데 가장 많이 사용되는 두 가지 기술입니다.
둘 다 활용하기 간단하지만 U 요소는 의미에 의미론적 가치를 제공합니다. 다른 하나는 요청 시 표시할 수 있으므로 텍스트에 CSS 클래스를 추가하기만 하면 밑줄 상태를 간단하게 변경할 수 있습니다.
밑줄이 의미나 접근성을 표현하는 데 유용한지 여부는 논쟁의 여지가 있습니다. 밑줄은 색상만으로는 의미를 표현하기에 충분하지 않을 때 더 큰 사용자 경험 가치를 제공하는 자연스러운 접근 방식입니다.
text-designation 속성은 텍스트에 밑줄을 긋는 대체 방법을 제공합니다. 하이퍼링크 텍스트를 사용하여 밑줄을 윗줄로 바꿀 수도 있습니다.
윗줄은 밑줄의 반대입니다. 텍스트 상단에 한 줄이 추가됩니다.
동일한 클래스 정의에 대해 모든 밑줄 및 윗줄 값을 활용할 수 있습니다. 텍스트 장식 속성은 텍스트가 여러 방식으로 표시되는 방식을 제어합니다. text-designation을 밑줄로 설정하면 구성 요소 내부의 텍스트에 밑줄이 그어집니다.
텍스트 장식 CSS 속성은 텍스트에 환상적이지만 디자인 측면에서 제한될 수 있으며 텍스트가 아닌 콘텐츠 유형에는 적용할 수 없습니다. CSS 테두리 속성을 사용하여 밑줄을 만들 수도 있습니다.
자바 연결 문자열
텍스트 장식 속성은 텍스트에 밑줄을 긋는 가장 기본적인 방법입니다. 텍스트 장식의 가장 중요한 단점은 구성할 수 없다는 것입니다.
텍스트 장식 속성은 밑줄, 윗줄, 줄바꿈 또는 줄 조합을 사용하여 선택한 텍스트를 강조 표시합니다.
내용에는 text-dress-line 속성을 사용하여 밑줄이 그어져 있습니다. 윗줄, 밑줄 및 줄바꿈은 이 속성에 대한 세 가지 옵션입니다. CSS에서는 밑줄 속성을 사용하여 텍스트를 강조 표시합니다. 밑줄은 이 값을 사용하여 인라인 텍스트 아래에 그려집니다.
하위 텍스트 요소 전체에 텍스트 장식이 그려집니다. 이는 요소가 텍스트 장식을 정의할 때 하위 요소가 장식을 제거할 수 없음을 의미합니다.
각주 인하
선이 그려지지 않으며 기존 장식도 삭제됩니다.
밑줄: 텍스트의 기준선을 가로질러 1px 선이 그려집니다.
라인 스루: 텍스트의 '중간' 지점에 1px 줄을 삽입합니다.
윗줄: 텍스트 전체에 걸쳐 텍스트의 '상단' 지점 바로 위에 1px 선을 추가합니다.
상속: 부모의 장식을 상속받습니다.
텍스트 장식은 다음과 같은 단축 특성인 text-designation 속성을 통해 지정됩니다.
CSS 굵은 텍스트
- 텍스트 장식 라인(필수)
- 텍스트 장식 색상
- 텍스트 장식 스타일
- 텍스트 장식 두께
overline, underline, underline-overline, line-through는 텍스트 장식 줄 아래에 있습니다.
단색, 점선, 점선, 물결 모양, 이중이 텍스트 장식 스타일에 속합니다.
10진수 값, 16진수 값 또는 상속의 색상은 텍스트 장식 색상 아래에 있습니다.
border-bottom 속성은 텍스트 장식의 대안입니다. 테두리 하단을 사용하여 패딩을 제공할 수도 있습니다.
구문: -
text-decoration: text-decoration-line | text-decoration-color | text-decoration-style | text-decoration-thickness
이제 예제를 살펴보고 text-designation 속성의 사용법을 이해해 보겠습니다.
텍스트 장식: 밑줄 윗줄
예: -
h1 { text-decoration: underline overline dotted purple; } h3 { text-decoration: underline wavy cyan 10px;} <h2>This is an example of text decoration property color using underline overline. </h2> <h3>This is an example of text decoration property color using line-through. </h3>
산출: