Download Source Code Aplikasi

Vertical-Align

Monday, March 9th, 2020 - CSS

Properti VERTICAL-ALIGN dipakai untuk tetapkan kelurusan vertikal bagi teks suatu elemen, atau dipakai untuk tetapkan kelurusan vertikal elemen-elemen Inline (misal, IMG, A, EM) terhadap elemen induknya.

Sintaks:

vertical-align: value;

Untuk value:

baseline ialah nilai default.

  • sub, super, top, text-top, middle, bottom, dan text-bottom.

    Contoh 1:

    .h2o { vertical-align: sub; }

    Di mana elemennya mungkin menyerupai berikut:

    <P>Air mempunyai nama ilmiah H<SPAN CLASS="h2o">2</SPAN>O</P>

    Contoh 2:

    .middle { vertical-align: middle; }

    Di mana elemennya mungkin menyerupai berikut:

    <P>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque condimentum ultricies rutrum. Mauris vitae dolor a felis semper bibendum a vitae felis. Nam consequat, sapien a condimentum sagittis, metus velit cursus sapien, vitae tincidunt eros mi nec neque. <IMG SRC="picture.gif" CLASS="middle" WIDTH="100" HEIGHT="50"> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</P>
  • inherit
    Menerapkan nilai VERTICAL-ALIGN elemen induknya.

Properti VERTICAL-ALIGN dapat diaplikasikan kepada semua elemen-elemen Inline.

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
Download Source Code Aplikasi
Vertical-Align | Ahmad Code | 4.5