Atribut white-space CSS

Definisi dan penggunaan

Properti white-space menetapkan bagaimana spasi di dalam elemen akan ditangani.

Properti ini menyatakan bagaimana spasi di dalam elemen akan ditangani selama proses susun tata letak. Nilai pre-wrap dan pre-line ditambahkan di CSS 2.1.

Lihat pula:

Panduan CSS:Teks CSS

Panduan referensi HTML DOM:Properti whiteSpace

Contoh

Tetapkan teks dalam paragraf untuk tidak melakukan patah kalimat:

p
  {
  white-space: nowrap;
  }

Coba sendiri

Sintaksu CSS

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;

Nilai properti

Nilai Deskripsi
normal Default. Spasi akan diabaikan browser.
pre Spasi akan dijaga browser. Perilaku nya mirip dengan tag <pre> di HTML.
nowrap Teks tidak akan patah baris, teks akan terus berlanjut di baris yang sama sampai bertemu dengan tag <br>.
pre-wrap Tahan urutan spasi, tetapi lakukan patah kalimat secara normal.
pre-line Merge urutan spasi, tetapi tahan garis baris.
inherit Ditetapkan bahwa nilai properti white-space seharusnya diwarisi dari elemen induk.

Detil teknis

Nilai default: normal
Inheritsi: yes
Versi: CSS1
Sintaksu JavaScript: object.style.whiteSpace="pre"

Contoh lebih banyak

Menghentikan patah kalimat dalam elemen
Contoh ini menunjukkan bagaimana menghentikan patah kalimat dalam teks elemen.

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung properti ini sepenuhnya.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 3.5 3.0 9.5