CSS 텍스트 데코레이션 두께 속성

과정 추천:

정의와 사용법

text-decoration-thickness 속성은 장식선 두께를 정의합니다.

다른 것도 참고:CSS 참조 가이드:

text-decoration 속성CSS 글자

CSS 강의:

예제

<h1>、<h2>、<h3>、<h4> 요소에 다른 두께의 장식선을 설정합니다:
  text-decoration: underline;
  text-decoration-thickness: auto;
}
h2 {
  text-decoration: underline;
  text-decoration-thickness: 5px;
}
h3 {
  text-decoration: underline;
  text-decoration-thickness: 50%;
}
/* 간단한 속성 사용 */
h4 {
  text-decoration: underline solid red 50%;
}

직접 시도해 보세요

CSS 문법

text-decoration-thickness: auto|from-font|length/percentage|initial|thuộc về;

속성 값

값 설명
auto 브라우저가 장식선 두께를 선택합니다.
from-font 폰트 파일이 선호 두께에 대한 정보를 포함하고 있으면 이 값을 사용합니다. 그렇지 않으면 auto로 표시됩니다.
length/percentage 두께는 길이 값 또는 백분율 값으로 지정됩니다.
initial 이 속성을 기본 값으로 설정합니다. 참고: initial.
thuộc về 이 속성을 부모 요소에서 상속합니다. 참고: thuộc về.

기술 세부 사항

기본 값: auto
thừa kế: 아니요
애니메이션 제작: 지원하지 않습니다. 참고:애니메이션 관련 속성.
버전: CSS4
JavaScript 문법: object.style.textDecorationThickness="5px"

브라우저 지원

표의 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
89.0 89.0 70.0 12.1 75.0