Stil nesne
Stil nesne bireysel tarzı beyandır.
Stil Nesnesi erişin
Stil nesne belge kafa bölümünden, ya da belirli bir HTML ulaşılabilir element(s) .
Tarzı Erişme object(s) belgenin baş bölümünden:
Belirtilen öğenin stil nesnesi Erişme:
Stil Nesne oluşturma
Bir oluşturabilir <style> kullanarak elemanı document. createElement() document. createElement() metodu:
Ayrıca, mevcut bir elemanın stil özelliklerini ayarlayabilirsiniz:
Stil Nesne Özellikleri
"CSS" sütunu olan bir CSS versiyonu özelliği tanımlanır gösterir (CSS1, CSS2, or CSS3) .
| özellik | Açıklama | CSS |
|---|---|---|
| alignContent | Ayarlar ya da öğeler, tüm mevcut boşluk kullanmayın zaman esnek bir kap içinde hatlar arasında uyumun döndürür | 3 |
| alignItems | Ayarlar ya da esnek bir kap içindeki öğeler için hizalama döndürür | 3 |
| alignSelf | Ayarlar ya da esnek bir kap içinde, seçilen öğeler için hizalama döndürür | 3 |
| animation | animationPlayState özelliği dışında aşağıdaki tüm animasyon özellikleri için bir stenografi özelliği, | 3 |
| animationDelay | Ayarlar veya döner animasyon başlayacak | 3 |
| animationDirection | animasyon alternatif döngülere tersten oynaması gerektiğini olsun veya olmasın ayarlar veya döner | 3 |
| animationDuration | Ayarlar veya döner kaç saniye veya milisaniye animasyon bir döngüsünü tamamlamak için gereken ne | 3 |
| animationFillMode | o çalıştırdığı süre dışında animasyon tarafından uygulanan hangi değerleri ayarlar veya döner | 3 |
| animationIterationCount | Ayarlar veya bir animasyon oynanması gerektiğini sayısını döndürür | 3 |
| animationName | Ayarlar veya @keyframes animasyon için bir ad verir | 3 |
| animationTimingFunction | Ayarlar veya animasyon hız eğrisi döndürür | 3 |
| animationPlayState | animasyon çalışan ve ara verildiğinde ayarlar veya döner | 3 |
| background | Ayarlar veya bir bildiriminde tüm arka plan özelliklerini döndürür | 1 |
| backgroundAttachment | sayfayla ayarlar veya bir arka plan görüntüsü sabit olup olmadığını döndürür veya kaydırır | 1 |
| backgroundColor | Ayarlar veya elemanın background-rengini döndürür | 1 |
| backgroundImage | Ayarlar veya elemanı için Arka plan resmi döndürür | 1 |
| backgroundPosition | Ayarlar veya bir arka plan-resmin başlangıç konumunu döndürür | 1 |
| backgroundRepeat | Tekrarlamak nasıl ayarlar veya döner (tile) bir arka plan-image | 1 |
| backgroundClip | Ayarlar veya arka plan boyama alanı döndürür | 3 |
| backgroundOrigin | Ayarlar veya arka plan resimleri konumlandırma alanını döndürür | 3 |
| backgroundSize | Ayarlar veya arka plan görüntüsü boyutunu döndürür | 3 |
| backfaceVisibility | ekrana bakacak değilken bir eleman görünür olmalıdır olup olmadığını belirler veya döner | 3 |
| border | Ayarlar veya tek bildiriminde BorderWidth, BorderStyle ve BorderColor döndürür | 1 |
| borderBottom | tek bildiriminde ayarlar veya döner tüm borderBottom * özelliklerini | 1 |
| borderBottomColor | Ayarlar veya alt sınırın rengini döndürür | 1 |
| borderBottomLeftRadius | Ayarlar veya sol alt köşesine sınırında şeklini verir | 3 |
| borderBottomRightRadius | Ayarlar veya sağ alt köşesinde sınırında şeklini verir | 3 |
| borderBottomStyle | Ayarlar veya alt sınırın stilini döndürür | 1 |
| borderBottomWidth | Ayarlar veya alt sınırın genişliğini döndürür | 1 |
| borderCollapse | Ayarlar veya döner tabla sınır tek sınıra çöktü, ya da değil gerekip gerekmediğini | 2 |
| borderColor | Ayarlar veya bir elementin kenarının rengini döndürür (en fazla dört değerlere sahip olabilir) | 1 |
| borderImage | Tüm borderImage * özelliklerini belirleme veya döndürmek için bir stenografi özelliği | 3 |
| borderImageOutset | Ayarlar veya sınır görüntü alan sınır kutusunun arkasına kadar uzanan tarafından miktarda döner | 3 |
| borderImageRepeat | görüntü ötesi, tekrarlanan yuvarlak veya gergin gerekip gerekmediğini belirler veya döner | 3 |
| borderImageSlice | Ayarlar veya görüntü sınırın içe uzaklıklar döndürür | 3 |
| borderImageSource | Ayarlar veya görüntüyü döndüren bir sınırda olarak kullanılmak üzere | 3 |
| borderImageWidth | Ayarlar veya görüntü sınırın genişlikleri döndürür | 3 |
| borderLeft | Ayarlar veya tek bildiriminde tüm borderLeft * özelliklerini döndürür | 1 |
| borderLeftColor | Ayarlar veya sol kenar rengini döndürür | 1 |
| borderLeftStyle | Ayarlar veya sol kenarlık stilini döndürür | 1 |
| borderLeftWidth | Ayarlar veya sol sınırdan genişliğini döndürür | 1 |
| borderRadius | Dört sınır * yarıçap özelliklerini belirleme veya döndürmek için bir stenografi özelliği | 3 |
| borderRight | tek bildiriminde ayarlar veya döner tüm borderRight * özelliklerini | 1 |
| borderRightColor | Ayarlar veya sağ kenar rengini döndürür | 1 |
| borderRightStyle | Ayarlar veya sağ kenarlık stilini döndürür | 1 |
| borderRightWidth | Ayarlar veya sağ sınırında genişliğini döndürür | 1 |
| borderSpacing | Ayarlar veya tablodaki hücreleri arasındaki boşluk döndürür | 2 |
| borderStyle | Ayarlar veya bir elementin kenarlık stilini döndürür (en fazla dört değerlere sahip olabilir) | 1 |
| borderTop | tek bildiriminde ayarlar veya döner tüm borderTop * özelliklerini | 1 |
| borderTopColor | Ayarlar veya üst sınırın rengini döndürür | 1 |
| borderTopLeftRadius | Ayarlar veya sol üst köşedeki sınırında şeklini verir | 3 |
| borderTopRightRadius | Ayarlar veya sağ üst köşedeki sınırında şeklini verir | 3 |
| borderTopStyle | Ayarlar veya üst sınırın stilini döndürür | 1 |
| borderTopWidth | Ayarlar veya üst sınırın genişliğini döndürür | 1 |
| borderWidth | Belirler veya bir elemanın sınır genişliği döner (dört değerlere sahip olabilir) | 1 |
| bottom | Ayarlar veya yerleştirilmiş bir elemanının alt konumunu döndürür | 2 |
| boxDecorationBreak | Ayarlar veya döner hat-kopma in-line öğelerin sayfa-kırılmada elemanın arka plan ve sınırın davranış veya,. | 3 |
| boxShadow | kutusuna bir veya birden fazla gölgelerinin takılır | 3 |
| boxSizing | Eğer belli bir şekilde bir alana sığması için belirli öğeleri tanımlamak için izin verir | 3 |
| captionSide | Ayarlar veya masa yazısı konumunu döndürür | 2 |
| clear | Ayarlar veya yüzen nesneler eleman göre konumunu döndürür | 1 |
| clip | yerleştirilmiş bir elemanın parçası görülebilir ayarlar veya döner | 2 |
| color | Ayarlar veya metnin rengini döndürür | 1 |
| columnCount | Ayarlar veya bir eleman bölünmüş olmalıdır sütun sayısını döndürür | 3 |
| columnFill | Setler veya sütunları nasıl doldurulacağını döner | 3 |
| columnGap | Ayarlar ve sütunlar arasındaki boşluğu döndürür | 3 |
| columnRule | Tüm columnRule * özelliklerini belirleme veya döndürmek için bir stenografi özelliği | 3 |
| columnRuleColor | Ayarlar veya sütunlar arasındaki kural rengini döndürür | 3 |
| columnRuleStyle | Ayarlar veya sütunlar arasındaki kuralın tarzını döndürür | 3 |
| columnRuleWidth | Ayarlar veya sütunlar arasındaki kural genişliğini döndürür | 3 |
| columns | columnWidth ve columnCount belirleme veya döndürmek için bir stenografi özelliği | 3 |
| columnSpan | Bir öğe genelinde yayılan kaç sütun ayarlar veya döner | 3 |
| columnWidth | Ayarlar veya sütun genişliğini döndürür | 3 |
| content | ile kullanılır: ve öncesi: after sözde elemanları, oluşturulan içeriği eklemek için | 2 |
| counterIncrement | Bir veya daha fazla sayaçlarını artırır | 2 |
| counterReset | Oluşturur veya bir veya daha fazla sayaçlarını sıfırlar | 2 |
| cursor | Ayarlar veya fare işaretçisi gösterilecek imlecin türünü döndürür | 2 |
| direction | Ayarlar veya metin yönünü döndürür | 2 |
| display | Ayarlar veya bir elemanın ekran türünü döndürür | 1 |
| emptyCells | Ayarlar veya boş hücre sınırı ve arka planını göstermek edip etmeyeceğine döner | 2 |
| filter | Set veya döner resim filtreleri (visual effects, like blur and saturation) | 3 |
| flex | Ayarlar veya kalanına göre öğenin uzunluğunu döndürür | 3 |
| flexBasis | Ayarlar veya esnek ürünün başlangıç uzunluğu döner | 3 |
| flexDirection | Ayarlar veya esnek öğelerin yönünü döndürür | 3 |
| flexFlow | flexDirection ve flexWrap özellikleri için bir stenografi özelliği | 3 |
| flexGrow | madde geri kalanına göreli büyüyecek ne kadar ayarlar veya döner | 3 |
| flexShrink | madde geri kalanına göreli küçüleceği nasıl ayarlar veya döner | 3 |
| flexWrap | Ayarlar veya esnek ürün sarın alıp almama döner | 3 |
| cssFloat | Ayarlar ya da elemanının yatay hizalama döndürür | 1 |
| font | Ayarlar veya tek bildiriminde FontStyle, fontVariant, fontWeight FONTSIZE, lineHeight ve fontfamily döndürür | 1 |
| fontFamily | Ayarlar veya metin için yazı tipi ailesini döndürür | 1 |
| fontSize | Ayarlar veya metnin yazı tipi boyutunu döndürür | 1 |
| fontStyle | yazı stili, normal ve eğik veya eğik olup olmadığını belirler veya döner | 1 |
| fontVariant | Ayarlar veya döner yazı küçük harflerle gösterilip gösterilmemesi gerektiğini | 1 |
| fontWeight | Ayarlar veya fontun kalınlığı döndürür | 1 |
| fontSizeAdjust | Yazı tipi çare oluştuğunda metnin okunabilirliği korur | 3 |
| fontStretch | Bir yazı tipi ailesinden normal, yoğunlaşabilir ya da genişletilmiş yüzünü seçer | 3 |
| hangingPunctuation | Noktalama karakterini çizgi kutunun dışında yerleştirilebilir belirtir | 3 |
| height | Ayarlar ya da bir elemanın yüksekliğinin döndürür | 1 |
| hyphens | paragrafların düzenini geliştirmek için kelimeleri bölmek nasıl belirler | 3 |
| icon | Yazara ikonik eşdeğer bir öğe stil becerisi sağlar | 3 |
| imageOrientation | Bir kullanıcı arayüzü, bir resim için geçerlidir doğru ya saat yönünde bir döndürme işlemini belirtir | 3 |
| justifyContent | Ayarlar veya öğeler tüm kullanılabilir alanı kullanmayan esnek bir kap içindeki öğeler arasındaki uyum döndürür. | 3 |
| left | Ayarlar veya yerleştirilmiş bir eleman sol konumunu döndürür | 2 |
| letterSpacing | Ayarlar veya metinde karakterler arasında boşluk döndürür | 1 |
| lineHeight | Ayarlar veya metinde çizgi arasındaki mesafeyi döndürür | 1 |
| listStyle | Ayarlar veya tek bildiriminde listStyleImage, listStylePosition ve listStyleType döndürür | 1 |
| listStyleImage | Ayarlar veya liste maddelik işaretleyici olarak bir görüntüyü döndürür | 1 |
| listStylePosition | Ayarlar veya liste maddelik işaretleyici konumunu döndürür | 1 |
| listStyleType | Ayarlar veya liste maddelik işaretleyici türünü döndürür | 1 |
| margin | Belirler veya bir elemanın kenar döner (can have up to four values) | 1 |
| marginBottom | Ayarlar veya elemanın alt kenar boşluğu döndürür | 1 |
| marginLeft | Ayarlar veya bir öğenin sol marjını döndürür | 1 |
| marginRight | Ayarlar veya bir öğenin sağ marjı döndürür | 1 |
| marginTop | Ayarlar veya bir elementin üst kenar boşluğu döndürür | 1 |
| maxHeight | Ayarlar ya da elemanın maksimum yükseklik döndürür | 2 |
| maxWidth | Ayarlar ya da elemanın maksimum genişliği döndürür | 2 |
| minHeight | Ayarlar veya elemanın asgari yüksekliği döndürür | 2 |
| minWidth | Ayarlar veya bir element minimum genişliğini döndürür | 2 |
| navDown | ok aşağı gezinme tuşu kullanıldığında ayarlar veya döner nerede gezinmek için | 3 |
| navIndex | Belirler veya bir eleman için sekme sırasını döndürür | 3 |
| navLeft | ok-sol gezinti tuşu kullanıldığında ayarlar veya döner nerede gezinmek için | 3 |
| navRight | ok sağ navigasyon tuşu kullanıldığında ayarlar veya döner nerede gezinmek için | 3 |
| navUp | ok-up navigasyon tuşunu kullanırken ayarlar veya döner nerede gezinmek için | 3 |
| opacity | Ayarlar ya da bir eleman için opaklığı döndürür | 3 |
| order | Ayarlar veya kalanına göre esnek öğenin sırasını döndürür | 3 |
| orphans | Ayarlar veya sayfa sonu, öğenin içinde ortaya çıktığında bir sayfanın alt kısmında sol gereken bir element için hatların asgari sayısını döndürür | 2 |
| outline | Ayarlar veya bir bildiriminde tüm anahat özelliklerini döndürür | 2 |
| outlineColor | Ayarlar veya elemanın etrafına anahat rengini döndürür | 2 |
| outlineOffset | bir taslak uzaklıklar ve sınır kenarının ötesine çizer | 3 |
| outlineStyle | Ayarlar veya bir öğenin etrafında anahat stilini döndürür | 2 |
| outlineWidth | Ayarlar ya da bir elemanın çevresinde anahat genişliğini döndürür | 2 |
| overflow | eleman kutunun dışında kılan içeriği ile ne ayarlar veya döner | 2 |
| overflowX | o elemanın içeriği alanı aşarsa, içeriğin sol / sağ kenarları ne yapılacağını belirtir | 3 |
| overflowY | o elemanın içeriği alanı aşarsa, içeriğin üst / alt kenarları ne yapılacağını belirtir | 3 |
| padding | Set veya elemanın dolgu döner (can have up to four values) | 1 |
| paddingBottom | Ayarlar veya bir öğenin alt dolgu döndürür | 1 |
| paddingLeft | Ayarlar veya bir öğenin sol dolguya döndürür | 1 |
| paddingRight | Ayarlar veya bir öğenin sağ dolgu döndürür | 1 |
| paddingTop | Ayarlar veya bir elementin üst dolgu döndürür | 1 |
| pageBreakAfter | Ayarlar veya öğeden sonra sayfa sonu davranışını döndürür | 2 |
| pageBreakBefore | Ayarlar veya eleman önce sayfa sonu davranışını döndürür | 2 |
| pageBreakInside | Ayarlar veya eleman içindeki sayfa sonu davranışını döndürür | 2 |
| perspective | Ayarlar veya nasıl görüntüleneceğini 3D elemanları üzerinde perspektif verir | 3 |
| perspectiveOrigin | Ayarlar veya 3D öğelerin alt konumunu döndürür | 3 |
| position | Belirler veya bir eleman için kullanılan yerleştirme yöntemi türünü döner (static, relative, absolute or fixed) | 2 |
| quotes | Ayarlar veya tırnaklama için tırnak işareti türünü döndürür | 2 |
| resize | Bir öğe Kullanıcı boyutunu olup olmadığını belirler veya döner | 3 |
| right | Ayarlar veya yerleştirilmiş bir elemanın doğru pozisyonda döner | 2 |
| tableLayout | Ayarlar veya tablo hücrelerini, satırlarını ve sütunlarını yerleştirmekte yolu döndürür | 2 |
| tabSize | Ayarlar veya sekme karakteri uzunluğunu döndürür | 3 |
| textAlign | Ayarlar veya metin yatay hizalamasını döndürür | 1 |
| textAlignLast | Text-align zaman ayarlar veya döner bir blok ya da zorunlu satır kesmesinden önce bir çizgi hakkının son satırı hizalanmış nasıl "justify" | 3 |
| textDecoration | Ayarlar veya bir metnin dekorasyonunu döndürür | 1 |
| textDecorationColor | Ayarlar veya metin dekorasyon rengini döndürür | 3 |
| textDecorationLine | Ayarlar veya bir metin-dekorasyonda çizgisi türünü döndürür | 3 |
| textDecorationStyle | Ayarlar veya bir metin dekorasyonda çizgi stilini döndürür | 3 |
| textIndent | Ayarlar veya metnin ilk satırının girinti döndürür | 1 |
| textJustify | Text-align zaman ayarlar veya döner gerekçe yöntemi kullanıldığında "justify" | 3 |
| textOverflow | Metin içeren eleman taştığında ayarlar veya döner ne olacağını | 3 |
| textShadow | Ayarlar veya bir metnin gölge efekti verir | 3 |
| textTransform | Ayarlar veya metnin büyük harf döndürür | 1 |
| top | Ayarlar veya yerleştirilmiş bir öğenin üst konuma döndürür | 2 |
| transform | Bir elemanın bir 2D veya 3D dönüşümü uygular | 3 |
| transformOrigin | Ayarlar ya da dönüştürülmüş elemanların pozisyonunu geri gönderir | 3 |
| transformStyle | Ayarlar veya döner nasıl iç içe elemanları 3 boyutlu uzayda oluşturulur | 3 |
| transition | Dört geçiş özelliklerini ayarlamak veya döndürmek için bir stenografi özelliği | 3 |
| transitionProperty | Ayarlar veya geçiş efekti içindir CSS özelliğini döndürür | 3 |
| transitionDuration | Bir geçiş efekti tamamlamak için kaç saniye veya milisaniye ayarlar veya döner | 3 |
| transitionTimingFunction | Ayarlar ya da geçiş etkisi hız eğrisi döndürür | 3 |
| transitionDelay | Ayarlar veya döner geçiş efekti başlayacak | 3 |
| unicodeBidi | Metin aynı belgede birden fazla dili destekleyecek şekilde geçersiz gerekip gerekmediğini belirler veya döner | 2 |
| verticalAlign | Ayarlar veya bir element içeriği dikey hizalamasını döndürür | 1 |
| visibility | Bir öğe görünür olmalıdır olup ayarlar veya döner | 2 |
| whiteSpace | Bir metinde sekmeler, satır sonları ve boşluk nasıl işleneceğini belirler veya döner | 1 |
| width | Ayarlar ya da bir elemanın genişliğine döndürür | 1 |
| wordBreak | Ayarlar veya döner olmayan CJK komut dosyaları için kırılma kurallarını çizgi | 3 |
| wordSpacing | Ayarlar veya metinde sözcükler arasında boşluk döndürür | 1 |
| wordWrap | Uzun, kırılmaz kelimeler kırık ve sonraki satıra kaydırmak için izin verir | 3 |
| widows | Ayarlar veya sayfanın en üstünde görünür olmalıdır bir element için hatların asgari sayısını döndürür | 2 |
| zIndex | Ayarlar veya yerleştirilmiş bir öğenin yığın sırasını döndürür | 2 |
İlgili Sayfalar
HTML öğretici: HTML CSS
CSS öğretici: CSS Eğitimi
HTML referansı: HTML <style> etiketi
CSS referansı: CSS Özellikleri