SELAMAT DATANG DI BLOG KAMI
<< ASEP HILMAN >> << ASEP HILMAN >>

Cara Membuat Teks Subscript Atau Superscript Di CSS


Bila Anda harus membuat teks subscript atau superscript untuk artikel atau postingan online, Anda dapat menggunakan CSS. CSS lebih mudah bila Anda ingin mengubah teks subscript atau superscript yang ada atau ingin memberi style tambahan. Untuk membuat teks subscript atau superscript di CSS, Anda dapat menggunakan property vertical-align dengan nilai sub atau super dan property font-size dengan nilai small atau medium.
Tergantung Anda, apakah style CSS untuk membuat teks subscript atau superscript adalah sebagai inline CSS, inernal CSS atau External CSS. Di artikel ini, style CSS untuk membuat teks subscript atau superscript menggunakan internal CSS. Anda dapat mempelajari cara menggunakan CSS dengan HTML melalui link artikel di bawah ini. Berikut ini adalah contoh membuat teks subscript atau superscript dengan CSS:
<!DOCTYPE html>
<html>
<head>
   <style type="text/css">
      .subtext {vertical-align: sub; font-size: small;}
      .supertext {vertical-align: super; font-size: small;}
   </style>
</head>
<body>

<h2>Teks subscript dan Superscript dengan CSS.</h2>
<p>Cara membuat teks subscript dan superscript menggunakan property CSS vertical-align dan font-size.</p>

<h3>Membuat teks subscript.</h3>
<p>Rumus kimia air : H<span class="subtext">2</span>O</p>
<p>Rumus kimia karbon dioksida : CO<span class="subtext">2</span></p>

<h3>Membuat teks superscript.</h3>
<p>Rumus persamaan kuadrat : ax<span class="supertext">2</span> + bx + c = 0</p>
<p>Rumus energi Albert Einstein : E = mc<span class="supertext">2</span></p>

</body>
</html>






Teks subscript dan Superscript dengan CSS.

Cara membuat teks subscript dan superscript menggunakan property CSS vertical-align dan font-size.

Membuat teks subscript.

Rumus kimia air : H2O
Rumus kimia karbon dioksida : CO2

Membuat teks superscript.

Rumus persamaan kuadrat : ax2 + bx + c = 0
Rumus energi Albert Einstein : E = mc2


HALAMAN

POPULAR POST