CSS hyphens özelliği

Tanım ve kullanım

hyphens özelliği, bir satır metinde tire kullanarak daha fazla otomatik satır atlama fırsatı oluşturulup oluşturulmayacağını tanımlar.

Örnek

Farklı tireler ayarlayın:

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;
}

Kişisel olarak deneyin

CSS dilbilgisi

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

Özellik değeri

Değer Açıklama
none Kelime tırnak içinde değil (satır atlamaz).
elle Varsayılan. Kelime sadece ‐ veya ­ yerinde tire içerir (gerekirse).
auto Algoritma belirlediği konuma kelime tirelerini ekler (gerekirse).
initial Bu özelliği varsayılan değerine ayarlar. Bakınız initial.
inherit Bu özelliği, ebeveyn elementinden kalıtım alır. Bakınız inherit.

Teknik ayrıntılar

Varsayılan değer: elle
Kalıtım: evet
Animasyon yapımı: Desteklenmiyor. Bakınız:Animasyonla ilgili özellikler.
Sürüm: CSS3
JavaScript dilbilgisi: object.style.hyphens="none"

Tarayıcı desteği

Tablo, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Bu sayıların -webkit- veya -ms- ile başlaması, önek kullanılan ilk sürümü ifade eder.

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