Atribut hyphens CSS

Definisi dan penggunaan

Atribut hyphens menentukan apakah diizinkan untuk menggunakan tanda hubung untuk menciptakan kesempatan pemindahan baris otomatis di dalam baris teks.

Contoh

Atur tanda hubung yang berbeda:

div.a {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
div.b {
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}
div.c {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

Coba sendiri

Sintaksis CSS

hyphens: none|manual|auto|initial|inherit;

Nilai atribut

Nilai Deskripsi
none Kata tanpa hubung (tidak dipindah baris).
manual Standar. Kata hanya memiliki hubung di ‐ atau ­ (jika diperlukan).
auto Masukkan tanda hubung di posisi yang ditentukan algoritma (jika diperlukan).
initial Atur atribut ini ke nilai standarnya. Lihat initial.
inherit Mengambil atribut ini dari elemen orang tua. Lihat inherit.

Detil teknis

Nilai standar: manual
Warisan: Ya
Pembuatan animasi: Tidak didukung. Lihat:Atribut yang berhubungan dengan animasi.
Versi: CSS3
Sintaksis JavaScript: object.style.hyphens="none"

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini.

Angka yang memiliki -webkit- atau -ms- menunjukkan versi awal yang menggunakan prefiks.

Chrome IE / Edge Firefox Safari Opera
55.0 79.0
10.0 -ms-		 43.0 5.1 -webkit- 44.0