outline Özelliği Temel Özellikler
- CSS Yazımı :
outline: [ <dış-çerçeve-rengi> || <dış-çerçeve-deseni> || <dış-çerçeve-genişliği> ];- Örnek :
outline: #cCc solid 3px;|outline: #cCc dotted 7px;- Öntanımlı Değer :
-
outline-colorÖzelliği- Dış çerçevenin rengini ayarlar,
invert(destekleyen tarayıcılar için. Desteklemeyen tarayıcılar içincurrentColor.) outline-styleÖzelliği- Dış çerçevenin desenini ayarlar,
none outline-widthÖzelliği- Dış çerçevenin kalınlığını ayarlar,
medium
- Uygulanabilen Etiketler :
- Tüm ögeler.
- Kalıtsallık :
- Yok.
- Tarayıcı Desteği :
- Tüm Tarayıcılar
- Animasyon :
- Destekleniyor
animationÖzelliği - Javascript :
öge.style..outline = "#cCc solid 10px";- Sürüm :
- CSS2 (düz. 1) / CSS Basic User Interface Module Level 3
- Açıklama :
outline Özelliği Kullanımı
Markanız için 300X300 alan.
CSS outline özelliği; etiketin dışında, etiketi belli etmek için kullanılan çerçevedir.
Bu özellik aynı zamanda kısaltmadır ve outline-color özelliği, outline-style özelliği, outline-width özelliği değerlerini yazar.
Bu değerler sizin tarafınızdan da örnekte görüldüğü gibi, yazılabilir ya da ayrı ayrı tanımlanabilir.
CSS outline özelliği ile akış'ta (sayfada) yer kaplamaz (çerçeveyi ne kadar kalınlaştırsanız da çevredeki etiketler sabit kalır).
Girilmeyen bir değer varsa (outline:#cCc solid;), yerine öntanımlı değeri kullanılır: outline:#cCc solid medium;
Girilmeyen değer outline-style ise, öntanımlı değeri olan none geçerlidir. Çerçeve görünmez.
outline Özelliği Tarayıcı Desteği
| Tarayıcı →Özellik ↓ | |||||
|---|---|---|---|---|---|
| Temel Destek | 1 — 3.6 -moz-1.5 [1] |
7 | 1.2 | 1 | 8 |
| Tarayıcı →Özellik ↓ | |||||
|---|---|---|---|---|---|
| Temel Destek | 4 | 7 | 3.1 | 1 | Var |
[1] Firefox, mutlak konumlandırılmış (position: absolute;) ögeleri outline dışında gösteriyordu.
outline Özelliğinin Alabileceği Değerler
outline-colorÖzelliği- Dış çerçevenin rengini ayarlar.
outline-styleÖzelliği- Dış çerçevenin desenini ayarlar.
outline-widthÖzelliği- Dış çerçevenin kalınlığını ayarlar.