Border (Kenarlık)

Elementlere Border (Kenarlık) ekleyin.

Dış kenarlara çizgi ekleyebilir, köşe eğimleri verebilirsiniz. Eklediğiniz kenar çizgilerinin rengini belirleyebilir, kalınlığını ayarlayabilirsiniz. Custom Style kısmında oluşturmuş olduğunuz Border stilini kayderek farklı ekranlarda veya aynı ekranda Load Style ile ekleyerek kullanabilirsiniz. Dilediğiniz zaman oluşturduğunuz Border stillerini düzenleyebilir, çoğaltabilir ve silebilirsiniz.

CUSTOM STYLE

Custom Style, özel stil demektir. Elementinize Color (renk), Width (Genişlik), Radius (Yumuşatma), Style (Stil) ile Border stil düzenlemeleri Custom Style panelinden yapılır.

Color (Renk)

Bir öğenin kenarlığı için renk ve opaklık belirleyebilirsiniz. Hex kodunu girerek, RGB değerlerini girerek veya color pickerdan renk seçiminizi yapabilirsiniz.

Width (Genişlik)

Genişlik, bir elementin etrafındaki kenarlığın kalınlığını belirttiğiniz alandır. top(üst), bottom(alt), right (sağ)ve left(sol) alanlara girdiğiniz değerler ile hangi kısımda ne kadar kenar kalınlığı istediğinizi belirleyebilirsiniz.

Radius (Köşe Eğimleri)

Seçtiğiniz elementin köşelerini yuvarlamak için kullanabilirsiniz. Tüm köşeler veya her köşe için farklı yuvarlama değerleri girebilirsiniz.

Style (Stil)

Bir elementin çevresindeki kenarlığın türünü belirlediğiniz alandır. Kenarları düz, kesikli veya noktalı olabilir.

Elementlere Border Ekleme

Elementlerin dış kenarlarına çizgi ekleyebilir, köşe eğimleri verebilirsiniz.

Elementlerde Border yapısını oluşturmak için şu adımları izleyin.

  1. Ekrandaki elemente tıklayarak seçili hale getirin.

  2. Styling panelini açın.

  3. Border (Kenarlık) seçeneğine gidin.

  4. Styles alanında yer alan üç nokta ikonuna tıklayınca gelen Add New Style’a tıklayarak farklı elementlerde ya da yerlerde kullanmak üzere Border stillerinizi kaydedebilirsiniz.

  5. Custom Style alanında yer alan Color (Renk) ile istediğiniz rengi seçerek elementin Border rengini seçebilirsiniz.

  6. Custom Style alanında yer alan Width ile, Border'ın kalınlık ölçüsünü piksel (px) olarak belirtmenizi sağlar. Width özelliği, bir elementin her bir kenarı için ayrı ayrı ayarlanabilir veya kilit ikonunu aktif hale getirerek, tüm kenarların kalınlık ölçüsünün aynı olmasını tek tıkla sağlayabilirsiniz. Border kalınlığını değer girerek belirleyin.

  7. Custom Style alanında yer alan Radius (Köşe eğimleri) ile elementlerde oluşturacağınız border yapısının kenarlarını vereceğiniz değerler ile birlikte köşe eğimleri verebilirsiniz.

Border içerisinde yer alan özellikler elementlere göre değişmektedir. Bazı elementlerde Border içerisinde yer alan bütün özellikleri kullanabilirken bazı elementlerde ise sınırlı özellikler kullanılmaktadır.

Last updated