CSS line-height 속성은 다양한 HTML 요소의 줄 높이를 결정합니다. 일반적으로 텍스트 줄 사이의 거리를 정의하는 데 사용됩니다. 줄 높이는 키, 백분율 또는 숫자 값과 같은 단어를 사용하여 설정할 수 있습니다.
CSS line-height 속성을 사용하면 개발자가 웹 페이지에서 두 인라인 요소 사이의 간격을 설정할 수 있습니다. 개발자는 종종 CSS line-height 속성을 사용하여 웹페이지의 텍스트 줄 사이의 거리를 늘리거나 줄입니다.
이 튜토리얼에서는 CSS line-height 속성을 사용하는 방법을 설명합니다. 시작하기 위해 예제를 참조하겠습니다. 이 튜토리얼을 다 읽을 때쯤이면 코드에서 line-height 속성을 사용하는 방법을 잘 이해하게 될 것입니다.
Line-height CSS
line-height CSS 속성 행 상자의 높이를 정의합니다. 선 영역은 CSS 영역을 구성하는 선입니다. 이 방법은 종종 텍스트 줄 사이의 거리를 정의하는 데 사용됩니다.
줄 높이를 조정하면 웹페이지에서 텍스트 줄(또는 다른 요소) 사이의 간격을 간접적으로 조정할 수 있습니다. 이는 Microsoft Word의 텍스트 서식을 이중 간격 또는 1.15 간격으로 지정하는 것과 매우 유사합니다.
line-height CSS 속성의 구문은 다음과 같습니다.
"lineHeight"는 요소의 높이를 정의하는 길이 값을 나타냅니다.
line-height 속성과 함께 사용할 수 있는 세 가지 값 유형 길이, 숫자 및 백분율: