Properties

Kenarlık Kalınlığı / Kenarlık Yarıçapı

Bu özellikler, PLCVisu içindeki bir kontrolün çevresindeki kenarlığın görünümünü tanımlar.

Genel Davranış

Kenarlık – renk, yarıçap veya stil fark etmeksizin – görsel olarak gösterilmesi için geçerli bir Kenarlık Kalınlığı (Border Width) tanımlanmalıdır.
Border Width boş bırakılırsa veya 0 olarak ayarlanırsa, hiçbir kenarlık görüntülenmez, diğer tüm ayarlara rağmen.

Not: Border Width ve Border Radius doğru tanımlansa bile, eğer kenarlık rengi beyaz olarak ayarlanmışsa, görsel bir kenarlık fark edilmeyebilir – bazı kontrollerin arka planı beyaz olduğu için.
Bu durumda kenarlığın görünmesi için kontrast bir Border Color (ör. siyah veya tema bazlı gri) ayarlayın.

Desteklenen Formatlar ve Birimler

Border Width ve Border Radius alanları standart CSS sözdizimini destekler:

Geçerli Birimler:

  • Mutlak: px, pt, cm, mm, in
  • Göreli: em, ex, rem, %
  • Anahtar kelimeler (sadece Border Width): thin, medium, thick

Değer Biçimleri:

  • Tek değer → tüm kenarlar için (örn. 4px)
  • İki değer → üst/alt ve sol/sağ (örn. 4px 1px)
  • Üç değer → üst, sol/sağ, alt (örn. 4px 2px 1px)
  • Dört değer → üst, sağ, alt, sol (örn. 4px 3px 2px 1px)

Bu kurallar, border-width ve border-radius CSS özellikleri ile aynıdır.

⚠️ Border Radius içinde yüzde değerleri, kontrol öğesinin şekline göre değişkenlik gösterir. Kare olmayan elemanlarda dikkatli kullanın.

Uygulama Örneği

Border Width: 2px 0px 2px 0px
Border Radius: 0.5em

Bu örnek:

  • Sadece üst ve alt kenarlarda 2px genişlikte kenarlık oluşturur
  • Yazı tipi boyutuna göre (em) köşeleri yuvarlatır

Görüntüleme Notları

  • Border Color, beyaz arka plan üzerinde görünürlük için kontrast bir renk olmalıdır.
  • Border Width tanımlanmışsa ama renk belirtilmemişse, varsayılan bir renk (genellikle beyaz veya tema rengi) kullanılır.
  • Kenarlık stili (solid, dashed, vb.) genel ayarlardan veya CSS sınıfı üzerinden tanımlanır, bu alandan değil.

Doğrulanmış Uyumluluk Tablosu

Değer Türü px em ex rem % thin medium thick
Border Width ✔︎ ✔︎ ✔︎ ✔︎ ✔︎ ✔︎ ✔︎
Border Radius ✔︎ ✔︎ ✔︎ ✔︎ ✔︎

Not: thin, medium, thick gibi anahtar kelimeler sayı olmadan yazılmalıdır (örn. 3thin geçersizdir).

3thin
thick
medium
thin
dashed
solid
Border Width
Border Color
em
Border Width: 2px 0px 2px 0px Border Radius: 0.5em
Border Radius
4px 3px 2px 1px
4px 2px 1px
4px 1px
4px
thick
medium
thin
%
rem
ex
em
in
mm
cm
pt
px
Border Color
Border Radius
Border Width
0
Border Width