03/03/2016

CSS Text Align (Perataan Teks)

03/03/2016

align
CSS Text Align digunakan untuk mengatur perataan baris teks secara horizontal (dalam elemen pembungkusnya) dari arah/ posisi yang kita tentukan.
Nilai Properti CSS Text Align
  • left
  • right
  • center
  • start
  • end
  • justfy
  • inherit
  1. left
    • Rata kiri, berarti barisan teks pertama kedua ketiga dan seterusnya akan mengalir rata sejajar dari sisi kiri ke kanan (rata sejajar hanya bagian kiri dari barisan teks saja)
  2. right
    • Rata kanan, berarti barisan teks pertama kedua ketiga dan seterusnya akan mengalir rata sejajar dari sisi kanan ke kiri (rata sejajar hanya bagian kanan dari barisan teks saja)
  3. center
    • rata tengah, berarti barisan teks akan mengalir dari titik paling tengah.
  4. start
    • Posisi teks sejajar dengan arah teks dimana teks dimulai. Artinya, sama dengan nilai left, ketika teks berjalan dari kiri ke kanan dan sama dengan nilai right, ketika teks berjalan dari kanan ke kiri.
  5. end
    • Posisi teks sejajar dengan arah teks dimana teks berakhir. Artinya, sama dengan nilai right, ketika teks berjalan dari kiri ke kanan dan sama dengan nilai left, ketika teks berjalan dari kanan ke kiri.
  6. justfy
    • Rata kanan dan kiri, berarti barisan teks pertama kedua ketiga dan seterusnya akan mengalir rata sejajar dari sisi kanan dan kirinya. Dalam kondisi ini, browser akan memberikan spasi diantara kata-kata untuk melakukan perataan baris teks baik sisi kiri maupun kanan.
  7. inherit
    • Format perataan baris teks mengikuti format induk elemen.
Sintaks CSS Text Align

Sintaks CSS

text-align: left;
text-align: right;
text-align: center;
text-align: justfy;
text-align: start;
text-align: end;
text-align: inherit;
Tag HTML yang Mendukung CSS Text Align
  • html
  • body
  • H1
  • H2
  • H3
  • H4
  • H5
  • H6
  • address
  • blockQuote
  • caption
  • center
  • col
  • colGroup
  • dd
  • dir
  • div
  • dl
  • dt
  • fieldSet
  • form
  • isIndex
  • legend
  • listing
  • marquee
  • menu
  • ol
  • ul
  • li
  • p
  • plainText
  • pre
  • xmp
  • table
  • td
  • textArea
  • th
  • tr
Contoh Penerapan Sintaks CSS Text Align
Kembali ke CSS Font dan Teks