Noktalı kenarlık noktaları arasındaki boşluk nasıl artırılır

Kutumda aşağıdaki gibi noktalı stil kenarlık kullanıyorum

.box {
    width: 300px;
    height: 200px;
    border: dotted 1px #f00;
    float: left;
}

Kenarlığın her bir noktası arasındaki boşluğu artırmak istiyorum.

Dejan
Edited question 2012ööp46öö8 Ekim 2012 в 8:46
Programlama
css3 html css border
2011ööp0öö10 Haziran 2011 в 10:00
6 görünümler

Border-style` için kullanılabilir değerler için MDN docs'e bakın:

  • none : Kenarlık yok, genişliği 0 olarak ayarlar. Bu varsayılan değerdir.
  • hidden : 'none' ile aynıdır, ancak masa i̇çi̇n sinir anlaşmazliği çözümü unsurlar.
  • kesikli : Kısa dizi çizgiler veya çizgi parçaları.
  • noktalı: Nokta dizileri.
  • çift : İki düz piksel miktarına kadar olan çizgiler kenarlık genişliği olarak tanımlanır.
  • Oluk: Oyma efekti.
  • inset : Kutuyu oluşturur gömülü görünür.
  • outset : Tersi 'insetལ. Kutunun 3B görünmesini sağlar (kabartmalı).
  • sırt : Tersi 'groove'. Kenarlık 3 boyutlu görünür (Çıkıyor).
  • katı : Tek, düz, sağlam bir çizgi.

Bu seçimler dışında, standart kenarlığın stilini etkilemenin bir yolu yoktur.

Buradaki olasılıklar hoşunuza gitmiyorsa, CSS3'ün border-image özelliğini kullanabilirsiniz, ancak bunun için tarayıcı desteğinin hala çok sivilceli olduğunu unutmayın.

Mark Amery
Edited answer 2018ösp11ös12 Kasım 2018 в 12:11
Yorumlar (2)

Kısa cevap: Yapamazsın.

Border-image`](http://www.css3.info/preview/border-image/) özelliğini ve birkaç resim kullanmanız gerekecektir.

Yorumlar (0)

AFAIK'de bunu yapmanın bir yolu yoktur. Kesikli bir kenarlık kullanabilir veya kenarlığın genişliğini biraz artırabilirsiniz, ancak CSS ile daha aralıklı noktalar elde etmek imkansızdır.

Yorumlar (0)