En son web geliştirme öğreticiler
×

CSS Referans

CSS Referans CSS Seçiciler CSS Fonksiyonlar CSS Referans Resmi CSS Web Güvenli Yazı Tipleri CSS canlandırılabilir CSS Birimler CSS PX-EM Dönüştürücü CSS Renkler CSS Renk Değerler CSS3 Tarayıcı Desteği

CSS Özellikleri

align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-shadow box-sizing caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-size font-size-adjust font-stretch font-style font-variant font-weight hanging-punctuation height justify-content @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top max-height max-width @media min-height min-width nav-down nav-index nav-left nav-right nav-up opacity order outline outline-color outline-offset outline-style outline-width overflow overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin position quotes resize right tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-overflow text-shadow text-transform top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi vertical-align visibility white-space width word-break word-spacing word-wrap z-index



 

CSS Referansı

❮ w3ii Ev Sonraki Referans ❯

Not w3ii' CSS referansı tüm büyük tarayıcıları ile düzenli olarak test edilir.

CSS Özellikleri

CSS Özellik Grupları


"CSS" sütunu olan bir CSS versiyonu özelliği tanımlanır gösterir (CSS1, CSS2, or CSS3) .

Renk Özellikleri

özellik Açıklama CSS
color Metnin rengini ayarlar 1
opacity bir eleman için opaklık seviyesini ayarlar 3

Arkaplan ve Sınır Özellikleri

özellik Açıklama CSS
background tek bildiriminde tüm arka plan özelliklerini ayarlamak için bir stenografi özelliği 1
background-attachment Bir arka plan resminin sayfa geri kalanı ile sabit veya kayar olup olmadığını belirler 1
background-blend-mode Her bir arka plan katmanı karıştırma modunu belirler (color/image) 3 
background-color Bir elemanın arka plan rengini belirtir 1
background-image Bir element için bir veya daha fazla arka plan resimleri belirtir 1
background-position Arka plan görüntüsünün konumunu belirtir 1
background-repeat Bir arka plan görüntüsü tekrarlanacaktır nasıl belirler 1
background-clip arka plan boyama alanını belirler 3
background-origin Arka plan burada belirtir image(s) / konumlandırılmış olan 3
background-size Belirtir arka plan boyutu image(s) 3
border tek bildiriminde bütün sınır özelliklerini belirler 1
border-bottom tek bildiriminde tüm alt sınır özelliklerini belirler 1
border-bottom-color alt sınırın rengini ayarlar 1 
border-bottom-left-radius Sol alt köşede sınırında şeklini tanımlar 3
border-bottom-right-radius Sağ alt köşede sınırında şeklini tanımlar 3
border-bottom-style alt sınırın stilini ayarlar 1
border-bottom-width alt sınırın genişliğini ayarlar 1
border-color Dört sınırların rengini ayarlar 1
border-image Tüm sınır-görüntü-* özelliklerini ayarlamak için bir stenografi özelliği 3
border-image-outset Sınır görüntü alanı sınır kutusunun arkasına kadar uzanan tarafından miktarını belirtir 3
border-image-repeat Sınır görüntü, tekrarlanan yuvarlak veya gergin olması gerekip gerekmediğini belirtir 3
border-image-slice nasıl sınır görüntüyü dilim belirtir 3
border-image-source resmin yolunu bir sınır olarak kullanılacak belirtir 3
border-image-width görüntü sınırın genişlikleri belirtir 3
border-left tek bildiriminde tüm sol sınır özelliklerini belirler 1
border-left-color Sol sınırın rengini ayarlar 1
border-left-style Sol kenarlık stilini ayarlar 1
border-left-width sol sınırdan genişliğini ayarlar 1
border-radius * - - yarıçap özellikleri dört sınır ayarlamak için bir stenografi özelliği 3
border-right tek bildiriminde tamam sınır özelliklerini belirler 1
border-right-color Sağ sınırın rengini ayarlar 1
border-right-style Sağ kenarlık stilini ayarlar 1
border-right-width Sağ sınırının genişliğini ayarlar 1
border-style dört sınırın stilini ayarlar 1
border-top tek bildiriminde tüm üst sınır özelliklerini belirler 1
border-top-color Üst sınırın rengini ayarlar 1
border-top-left-radius sol üst köşesinin sınırında şeklini tanımlar 3
border-top-right-radius Sağ üst köşede sınırında şeklini tanımlar 3
border-top-style Üst sınırın stilini ayarlar 1
border-top-width Üst sınırın genişliğini ayarlar 1
border-width dört kenar genişliğini belirler 1
box-decoration-break line-kopma noktasında, in-line elemanları, sayfa kırılmada elemanın arka plan ve sınırın davranışını belirler ya. 3
box-shadow kutusuna bir veya birden fazla gölgelerinin takılır 3

Temel Kutu Özellikleri

özellik Açıklama CSS
bottom yerleştirilmiş bir elemanının alt konumunu belirtir 2
clear diğer yüzen elementler izin verilmeyen bir elemanın hangi tarafını belirtir 1
clip Klipler kesinlikle konumlandırılmış eleman 2
display Belli bir HTML öğesi nasıl görünmesi gerektiğine belirtir 1
float Bir kutu yüzer gerektiğini olup olmadığını belirtir 1
height Bir elemanın yüksekliğini belirler 1
left yerleştirilmiş bir eleman sol konumunu belirtir 2
margin tek bildiriminde tüm marj özelliklerini belirler 1
margin-bottom Bir elemanın alt kenar boşluğunu ayarlar 1
margin-left Bir elemanın sol kenar boşluğunu ayarlar 1
margin-right Bir elemanın sağ kenar boşluğunu ayarlar 1
margin-top Bir elemanın üst kenar boşluğu belirler 1
max-height Bir elemanın maksimum yüksekliğini belirler 2
max-width Bir elemanın maksimum genişliği tanımlar 2
min-height Bir elemanın asgari yüksekliği ayarlar 2
min-width Bir elemanın minimum genişliğini belirler 2
overflow
İçerik bir elemanın kutusunu taşıyor ne olacağını belirtir 2
overflow-x o elemanın içeriği alanı aşarsa, içeriğin sol / sağ kenarları klibe olmadığını belirtir 3
overflow-y o elemanın içeriği alanı aşarsa, içeriğin üst / alt kenarlarını kırpmak için olmadığını belirtir 3
padding tek bildiriminde tüm dolgu özelliklerini ayarlar 1
padding-bottom Bir elemanın alt dolgu ayarlar 1
padding-left Bir elemanın sol dolguya ayarlar 1
padding-right Bir elemanın sağ dolgu ayarlar 1
padding-top Bir elemanın üst dolgu ayarlar 1
position konumlandırma yönteminin tipi bir eleman için kullanılan belirtir (statik olarak, mutlak veya sabit) 2
right Bir konumlandırılmış elemanın sağ konumunu belirtir 2
top yerleştirilmiş bir elemanın üst konumunu belirtir 2
visibility Bir öğe görünür olup olmadığını belirler 2
width Bir elemanın genişliği tanımlar 1
vertical-align Bir elemanın dikey hizalamasını ayarlar 1
z-index yerleştirilmiş bir öğenin yığın sırasını ayarlar 2

Esnek Kutu Düzeni

özellik Açıklama CSS
align-content öğeler tüm kullanılabilir alanı esnek kabın içine çizgiler arasındaki uyum kullanmayın belirtir zaman 3
align-items esnek bir kap içinde ürünlerinin hizalamasını belirtir 3
align-self esnek bir kap içinde, seçilen öğeler için hizalamasını belirtir 3
flex kalanına göreli öğe uzunluğunu belirtir 3
flex-basis esnek öğeye başlangıçtaki uzunluğu belirtir 3
flex-direction Esnek öğelerin yönünü belirtir 3
flex-flow esnek-yön ve esnek-sarma özellikleri için bir stenografi özelliği 3
flex-grow madde geri kalanına göreli büyüyecek ne kadar belirler 3
flex-shrink madde geri kalanına göreli küçüleceği nasıl belirler 3
flex-wrap Esnek ürün sarmak veya olmasın belirtir 3
justify-content öğeler tüm kullanılabilir alanı esnek kap içindeki öğeler arasındaki uyum kullanmayın belirtir zaman 3
order kalanına göreli esnek öğenin sırasını, ayarlar 3

Metin Özellikleri

özellik Açıklama CSS
hanging-punctuation Noktalama karakterini çizgi kutunun dışında yerleştirilebilir belirtir 3
hyphens paragrafların düzenini geliştirmek için kelimeleri bölmek nasıl belirler 3
letter-spacing Artırır veya bir metinde karakterler arasındaki boşluğu azaltır 1
line-break çizgiler nasıl / kırmaya belirtir eğer 3
line-height Satır yüksekliğini ayarlar 1
overflow-wrap tarayıcı (bir dize onun içeren kutuyu sığmayacak kadar uzun olduğunda) taşma önlemek için kelimelerin içinde satırlar kırabilir olup olmadığını belirtir 3
tab-size Sekme karakteri uzunluğunu belirler 3
text-align Metnin yatay hizalamasını belirtir 1
text-align-last Text-align zaman bir blok ya da zorunlu satır kesmesinden önce bir çizgi hakkının son satırı hizalanmış nasıl açıklar "justify" 3
text-combine-upright Tek bir karakterin uzaya birden fazla karakter kombinasyonunu belirtir 3
text-indent Bir metin bloğundaki ilk satırının girinti belirtir 1
text-justify Text-align olduğunda kullanılan gerekçe yöntemi belirtir "justify" 3
text-transform metnin büyük harf Kontrolleri 1
white-space Bir elemanın içindeki beyaz boşluk nasıl işleneceğini belirtir 1
word-break olmayan CJK komut dosyaları için hat kırma kuralları belirler 3
word-spacing Artırır veya bir metinde kelimelerin arasında boşluk azalır 1
word-wrap Uzun, kırılmaz kelimeler kırık ve sonraki satıra kaydırmak için izin verir 3

Metin Dekorasyon Özellikleri

özellik Açıklama CSS
text-decoration dekorasyon metne eklenen belirtir 1
text-decoration-color Metin-dekorasyon rengini belirtir 3
text-decoration-line Metin-dekorasyonda hattının türünü belirtir 3
text-decoration-style Bir metin dekorasyonda çizgi stilini belirtir 3
text-shadow Metne gölge ekler 3
text-underline-position text-decoration özelliği kullanılarak ayarlanır altı çizili konumunu belirtir 3

yazı Özellikleri

özellik Açıklama CSS
@font-face Web siteleri indirmek ve dışındaki yazı tiplerini kullanmak için izin veren bir kural "web-safe" yazı tipleri 3
@font-feature-values Yazarlar font-variant-alternatif ortak bir isim kullanmasına izin verir özellik için OpenType farklı aktive 3
font tek bildiriminde tüm font özelliklerini belirler 1
font-family metnin yazı tipi ailesini belirtir 1
font-feature-settings OpenType yazı tipinde gelişmiş tipografik özellikler üzerinde kontrol sağlar 3
font-kerning Karakter aralığı bilgilerinin kullanılmasını kontrol eder (how letters are spaced) 3
font-language-override Bir yazı tipinde dile özgü glif kullanımını kontrol eder 3
font-size metnin yazı tipi boyutunu belirtir 1
font-size-adjust Yazı tipi çare oluştuğunda metnin okunabilirliği korur 3
font-stretch Bir yazı tipi ailesinden normal, yoğunlaşabilir ya da genişletilmiş yüzünü seçer 3
font-style metnin yazı tipi stilini belirtir 1
font-synthesis Kontroller hangi yazı biçimleri eksik (bold or italic) tarayıcı tarafından sentez edilebilir 3
font-variant Bir metin Kısa harfli yazı görüntülenmesi gereken olup olmadığını belirtir 1
font-variant-alternates @ Tipi-özellik değerleri tanımlanan alternatif isimler ile ilişkili diğer glif kullanımını kontrol 3
font-variant-caps büyük harflerle için alternatif glif kullanımını kontrol eder 3
font-variant-east-asian Doğu Asya komut dosyaları için alternatif glif kullanımını (örneğin Japonca ve Çince) Kontrolleri 3
font-variant-ligatures alaşımlar ve bağlamsal biçimlere için de geçerlidir elemanları metin içeriğine kullanılan kontroller 3
font-variant-numeric sayılar, kesirler ve sıralı belirteçler için alternatif glif kullanımını kontrol eder 3
font-variant-position yazı tipi taban ile ilgili olarak üst veya alt indis olarak yerleştirilmiş olan daha küçük boyutta alternatif glif kullanımını kontrol 3
font-weight Bir yazı tipinin ağırlığını belirtir 1

Yazma Modları Özellikleri

özellik Açıklama CSS
direction Metin yönü / yazma yönünü belirler 2
text-orientation bir satırdaki metnin yönünü tanımlar 3
text-combine-upright Tek bir karakterin uzaya birden fazla karakter kombinasyonunu belirtir 3
unicode-bidi Ile birlikte kullanılır yönü ayarlamak veya metin aynı belgede birden fazla dili destekleyecek şekilde geçersiz gerekip gerekmediğini dönmek için mülk 2
writing-mode3

Tablo Özellikleri

özellik Açıklama CSS
border-collapse tablo sınırları daraltılmış gerektiğini olup olmadığını belirtir 2
border-spacing komşu hücreler sınırları arasındaki mesafeyi belirler 2
caption-side Bir tablo başlığı yerleşimini belirtir 2
empty-cells Bir tabloda boş hücreleri üzerinde sınırları ve arka plan görüntülemek için olmadığını belirtir 2
table-layout düzen algoritma bir tablo için kullanılacak ayarlar 2

Listeleri ve Sayaçlar Özellikleri

özellik Açıklama CSS
counter-increment Bir veya daha fazla sayaçlarını artırır 2
counter-reset Oluşturur veya bir veya daha fazla sayaçlarını sıfırlar 2
list-style tek bildiriminde listesi için tüm özelliklerini belirler 1
list-style-image Liste maddelik işaretleyici olarak bir görüntüyü belirtir 1
list-style-position Liste maddelik belirteçleri içinde veya içerik akışı dışında görünmelidir belirtir eğer 1
list-style-type Liste maddelik işaretleyici türünü belirtir 1

Animasyon Özellikleri

özellik Açıklama CSS
@keyframes animasyon kodunu belirtir 3
animation (Animasyon oyun durumu ve animasyon-doldur-modu dışında) tüm canlandırma özellikleri için bir kestirme özelliği 3
animation-delay Bir animasyonun başlaması için bir gecikme belirtir 3
animation-direction animasyon alternatif döngülere tersten oynaması gerektiğini olup olmadığını belirtir 3
animation-duration animasyon bir döngüsünü tamamlamak için kaç saniye veya milisaniye belirtir 3
animation-fill-mode Animasyon oynarken değilken öğe için bir stil belirtir (when it is finished, or when it has a delay) 3
animation-iteration-count Bir animasyon oynanması gerektiğini sayısını belirtir 3
animation-name @keyframes animasyonun adını belirtir 3
animation-play-state animasyon çalışıyor veya duraklatılmış olduğunu belirtir 3
animation-timing-function Bir animasyonun hız eğrisi belirtir 3

Özellikler 'Transform

özellik Açıklama CSS
backface-visibility ekrana bakan zaman bir eleman görünür olup olmayacağı tanımlar 3
perspective nasıl görüntüleneceğini 3D elemanları üzerinde perspektif belirtir 3
perspective-origin 3D öğelerin alt konumunu belirtir 3
transform Bir elemanın bir 2D veya 3D dönüşümü uygular 3
transform-origin Eğer dönüştürülmüş unsurları konumunu değiştirmesine izin verir 3
transform-style nasıl iç içe unsurlar 3D alanında oluşturulur belirtir 3

Geçişler Özellikleri

özellik Açıklama CSS
transition Dört geçiş özelliklerini ayarlamak için bir stenografi özelliği 3
transition-property geçiş efekti içindir CSS özelliğinden adını belirtir 3
transition-duration Bir geçiş efekti tamamlamak için kaç saniye veya milisaniye belirtir 3
transition-timing-function geçiş etkisi hız eğrisi belirtir 3
transition-delay geçiş efekti ne zaman başlayacağı belirtir 3

Temel Kullanıcı Arayüzü Özellikleri

özellik Açıklama CSS
box-sizing Kolalama özellikleri Ne tarayıcı bildirir (width and height) içermelidir 3
content ile kullanılır: ve öncesi: after sözde elemanları, oluşturulan içeriği eklemek için 2
cursor imlecin tipi görüntülenecek belirtir 2
ime-mode Metin alanları için giriş yöntemi editörü durumunu kontrol eder 3
nav-down ok aşağı gezinme tuşu kullanıldığında gidilecek yerle belirtir 3
nav-index Bir element için sekme sırasını belirtir 3
nav-left ok-sol gezinti tuşu kullanıldığında gidilecek yerle belirtir 3
nav-right ok sağ navigasyon tuşu kullanıldığında gidilecek yerle belirtir 3
nav-up ok-up navigasyon tuşunu kullanırken gidilecek yerle belirtir 3
outline tek bildiriminde tüm anahat özelliklerini belirler 2
outline-color bir taslak rengini belirler 2
outline-offset bir taslak uzaklıklar ve sınır kenarının ötesine çizer 3
outline-style bir taslak stilini ayarlar 2
outline-width bir taslak genişliğini ayarlar 2
resize Bir öğe Kullanıcı boyutunu olup olmadığını belirler 3
text-overflow Metin içeren eleman taştığında ne olacağını belirler 3

Çok sütunlu Yerleşim Özellikleri

özellik Açıklama CSS
break-after üretilen kutu sonra sayfa-, column- veya bölge-break davranışını belirler 3
break-before üretilen çerçeveden önce sayfa-, column- veya bölge-break davranışını belirler 3
break-inside oluşturulan kutunun içine sayfa-, column- veya bölge-break davranışını belirler 3
column-count bir eleman bölünmüş olmalıdır sütun sayısını belirtir 3
column-fill Sütunları nasıl doldurulacağını belirler 3
column-gap sütunlar arasındaki boşluğu belirler 3
column-rule tüm sütun-rule- * özelliklerini ayarlamak için bir stenografi özelliği 3
column-rule-color sütunlar arasındaki kural rengini belirtir 3
column-rule-style sütunlar arasındaki kuralın stilini belirtir 3
column-rule-width sütunlar arasındaki kural genişliğini belirtir 3
column-span Bir öğe genelinde yayılan kaç sütun belirtir 3
column-width sütunların genişliğini belirler 3
columns Sütun genişliği ve sütun sayısı olarak ayarlanması için bir kestirme özelliği 3
widows Bir sayfa sonu, öğenin içinde ortaya çıktığında bir sayfanın üst kısmında bırakılmalıdır hatların asgari sayısını belirler 2

Sayfalanmış Medya

özellik Açıklama CSS
orphans Bir sayfa sonu, öğenin içinde ortaya çıktığında bir sayfanın alt kısmında bırakılmalıdır hatların asgari sayısını belirler 2
page-break-after Bir elemanın sonra sayfa açan davranışlarını ayarlar 2
page-break-before Bir elemanın önce sayfa açan davranışlarını ayarlar 2
page-break-inside Bir elemanın iç sayfa açan davranışlarını ayarlar 2

Sayfalanmış Medya için Oluşturulan İçerik

özellik Açıklama CSS
marks Belgeye kırpma ve / veya çapraz işaretleri ekler 3
quotes tırnaklama için tırnak işareti türünü belirler 2

Filtre Efektleri Özellikleri

özellik Açıklama CSS
filter Etkileri tanımlar (eg blurring or color shifting) bir eleman ile ilgili elemanın görüntülenmeden önce 3

Görüntü Değerler ve Değiştirilen İçerik

özellik Açıklama CSS
image-orientation Bir kullanıcı aracısı (Bu özellik muhtemelen kullanımdan kaldırıldı olacak ve işlevselliği HTML taşındı) bir görüntü için geçerli olduğunu sağa veya saat yönünde bir döndürme işlemini belirtir 3
image-rendering görüntü ölçeklendiğinde korumak için bir resmin yönleri en önemli olduğuna dair tarayıcıya bir ipucu verir 3
image-resolution elemana / içinde kullanılan tüm raster görüntülerin içsel çözünürlüğünü belirler 3
object-fit Bir ikame elemanının içeriğinin onun kullanılan yüksekliği ve genişliği tarafından belirlenen kutusuna monte edilmelidir belirtir 3
object-position onun kutusunun içindeki yerini elemanın hizalamasını belirtir 3

Özellikler 'maskeleme

özellik Açıklama CSS
mask3
mask-type3

Konuşma Özellikleri

özellik Açıklama CSS
mark mark-öncesi ve mark-sonrası özelliklerini ayarlamak için bir stenografi özelliği 3
mark-after adlı markörler ses akışına bağlı olmak verir 3
mark-before adlı markörler ses akışına bağlı olmak verir 3
phonemes İlgili eleman içerdiği metin için bir fonetik telaffuz belirtir 3
rest dinlenme-öncesi ve dinlenme sonrası özelliklerini ayarlamak için bir stenografi özelliği 3
rest-after bir dinlenme veya aruz sınır bir elemanın içeriği konuşma sonrasında dikkat edilmesi belirtir 3
rest-before bir dinlenme veya aruz sınır bir elemanın içeriği konuşmadan önce dikkat edilmesi belirtir 3
voice-balance sol ve sağ kanallar arasındaki dengeyi belirler 3
voice-duration Seçili elemanın içeriği işlemek için ne kadar süreceğini belirler 3
voice-pitch Ortalama aralığını belirler (a frequency) konuşan sesinin 3
voice-pitch-range Ortalama perdesinde varyasyonu belirtir 3
voice-rate konuşma hızını kontrol eder 3
voice-stress vurgu mukavemeti uygulanacak belirtir 3
voice-volume Konuşma sentezler tarafından dalga çıkışının genliği belirtir 3

Kayan yazı Özellikleri

özellik Açıklama CSS
marquee-direction hareketli içerik yönünü belirler 3
marquee-play-count Setler kaç kez içeriğinin taşınabilmesi 3
marquee-speed ne kadar hızlı içerik parşömenlerini belirler 3
marquee-style hareketli içeriğin stilini ayarlar 3

❮ w3ii Ev Sonraki Referans ❯