Yazar: Merhaba değerli okurlarım!
Uzun zamandır bloğuma içerik girmediğim için çok üzgünüm bu yazımda sizlere css dış kenarlıklar konusunu (outline) kullanımından ve tanımlamasından bahsedeceğim.
Peki o zaman outline komutunun işlevinden başlayalım:
Css’de kenarlık dışında bir kenarlık daha çizme imkanımız bulunmaktadır. dış kenarlık çizmek için ise outline komutunu kullanırız.
Outline komutunda şu parametreler yeralır:
outline-style
outline-width
outline-color
Şimdi sırasıyla bu tanımlamaları inceleyelim:
outline-style: kenarlık sitili
Dış kenarlığa çeşitli stil özellikleri kazandırarak çizmemizi sağlayan özelliktir.
outline-width: kenarlık boyutu
dışkenarlığın boyutunu pixel cinsinden belitmemizi sağlayan özelliktir.
outline-color:
dış kenarlığın rengini belirtmemizi sağlayan özelliktir.
dış kenarlık kullanımı
Yukarıda yazmış olduğum tüm özellikleri tek bir outline komutu içersinde belirtmemiz mümkündür.
Örnek:
.kutu
{
outline-width: 1px;
outline-style: solid;
outline-color: white;
}
.kutu2
{
outline: 1px black solid;
}
Yukarıda yer alan kutu1 stilinde bu sayfadaki özellikler tek tek kullanılmaktadır. Ancak kutu2 stilinde tek bir kod ile yine aynı stil sağlanmaktadır.
Css dış kenarlıkların nasıl çizileceğini bu yazım ile sizlere anlatmaya çalıştım. css ile ilgili soru ve sorunlarınızı yormnlarda bana bildirmekten çekinmeyin.
İyi bloglamalar.
Bir önceki yazımız olan css kutu modeli nedir? nasıl kullanılır başlıklı makalemizde css kutu modeli nasıl kullanılır, css kutu modeli nedir ve css kutu modelinde tanımlanacak elemanlar hakkında bilgiler verilmektedir.