logo

CSS 위첨자와 아래첨자

HTML에서는 그리고 태그를 사용하여 아래 첨자와 위 첨자 텍스트를 정의합니다. 위 첨자 텍스트는 일반 줄 위에 더 작은 글꼴과 반 문자로 표시됩니다. 일반적으로 수학 방정식(예: 엑스2+ 그리고2= r2 ), 각주 등이 있습니다.

위 첨자와 달리 아래 첨자 텍스트는 일반 줄 아래에 더 작은 글꼴과 반 문자로 표시됩니다. 일반적으로 다음과 같은 화학 방정식이나 화학식을 작성하는 데 사용됩니다. 시간22그래서4, 등.

CSS에서는 수직 정렬 속성은 동일한 것을 달성하는 데 사용됩니다. CSS를 사용하여 텍스트의 위 첨자와 아래 첨자를 지정할 수도 있습니다. 이 CSS 속성은 텍스트의 수직 정렬을 지정합니다.

이제 다음을 사용하여 위 첨자와 아래 첨자를 얻는 방법을 살펴보겠습니다. 수직 정렬 재산.

통사론

 vertical-align: baseline | super | sub ; 

속성 값

기준: 상위 요소의 기준선에 맞춰 텍스트를 정렬하는 기본값입니다.

감독자: 텍스트를 높이는 위 첨자입니다.

보결: 텍스트를 낮추는 것은 아래 첨자입니다.

값이 감독자 그리고 보결 이 속성이 적용되면 텍스트는 위 첨자 또는 아래 첨자가 됩니다.

예 - 위 첨자

 #super{ vertical-align:super; font-size: medium; } p{ font-weight: bold; font-size: 20px; } <p> Its common examples are chemical equations. </p> <h3> Chemical formula of Water is: H<span id="sub">2</span>O</h3> <h3> Ch emical formula of Sulphuric acid is: H<span id="sub">2</span>SO<span id="sub">4</span></h3> 
지금 테스트해보세요