HTML DOM Style Nesnesi

Style nesnesi

Style nesnesi, ayrı bir stil bildirimi temsil eder.

Style nesnesi özellikleri

Özellik Tanım
alignContent Esnek konteyner içindeki satırlar arasındaki hizalanma yöntemini ayarlamak, projeler tüm kullanılabilir alanı kullanmadığında.
alignItems Esnek konteyner içindeki projelerin hizalanma yöntemini ayarlamak.
alignSelf Esnek konteyner içinde seçilen projelerin hizalanma yöntemini ayarlamak.
animation Tüm animasyon özelliklerinin kısa isim özelliği, animationPlayState özelliği dışında.
animationDelay Animasyonun ne zaman başlayacağını ayarlamak.
animationDirection Animasyonun alternatif döngüde ters yönde oynanıp oynamayacağını ayarlamak.
animationDuration Animasyonun bir döngü tamamlamak için gereken saniye veya milisaniye sayısını ayarlamak.
animationFillMode Animasyonun çalışma süresi dışında uygulanacak değeri ayarlamak.
animationIterationCount Animasyonun kaç kez oynanacağını ayarlamak.
animationName @keyframes animasyonunun adını ayarlamak veya döndürmek.
animationPlayState Animasyonun çalışıp çalışmadığını veya durdurulduğunu ayarlamak.
animationTimingFunction Animasyonun hız eğrisini ayarlamak veya döndürmek.
background Bütün arka plan özelliklerini bir cümlede ayarlamak veya döndürmek.
backgroundAttachment Arka plan görselinin sabit olup olmadığını veya sayfa kayarken hareket edip etmediğini ayarlamak.
backgroundClip Arka planın çizim alanını ayarlamak.
backgroundColor Elementin arka plan rengini ayarlamak veya döndürmek.
backgroundImage Elementin arka plan görselini ayarlamak veya döndürmek.
backgroundOrigin 设置或返回背景图像的定位区域。
backgroundPosition 设置或返回背景图像的起始位置。
backgroundRepeat 设置或返回如何重复（平铺）背景图像。
backgroundPosition Arka plan görselinin konumlandırma alanını ayarlar veya döndürür.
backgroundPosition Arka plan görselinin başlangıç konumunu ayarlar veya döndürür.
backgroundRepeat Arka plan görselinin nasıl tekrarlanacağını (döşeme) ayarlar veya döndürür.
backgroundSize Arka plan görselinin büyüklüğünü ayarlar veya döndürür.
backfaceVisibility Element ekranın arkasında olduğunda görünürlüğünü ayarlar veya döndürür.
border Bir açıklamada tüm borderBottom özelliklerini ayarlar veya döndürür.
Alt çerçeve rengini ayarlar veya döndürür. Alt sol köşe çerçevesinin şeklini ayarlar veya döndürür.
Alt sağ köşe çerçevesinin şeklini ayarlar veya döndürür. Alt çerçeve tarzını ayarlar veya döndürür.
borderBottomWidth Alt çerçeve genişliğini ayarlar veya döndürür.
borderCollapse Tablo çerçevesinin tek çerçeveye katılmasını gerektirip gerektirmediğini ayarlar veya döndürür.
borderColor Element çerçeve rengini (en fazla dört değer ayarlanabilir) ayarlar veya döndürür.
borderImage Tüm borderImage özelliklerini ayarlamak veya döndürmek için kısayol özellik.
borderImageOutset Çerçeve box'ının dışında kalan çerçeve görsel alanını ayarlar veya döndürür.
borderImageRepeat Görsel çerçeveyi tekrar etmek, sarmak veya çekmek olup olmadığını ayarlar veya döndürür.
borderImageSlice Görsel çerçeve içeriğinin içe doğru kaydırılma miktarını ayarlar veya döndürür.
borderImageSource Çerçeve olarak kullanılan görseli ayarlar veya döndürür.
borderImageWidth Görsel çerçeve genişliğini ayarlar veya döndürür.
borderLeft Bir açıklamada tüm borderLeft özelliklerini ayarlar veya döndürür.
borderLeftColor Sol kenar çerçeve rengini ayarlar veya döndürür.
borderLeftStyle Sol kenar çerçeve tarzını ayarlar veya döndürür.
borderLeftWidth Sol kenar çerçeve genişliğini ayarlar veya döndürür.
borderRadius Dört borderRadius özellikğini ayarlamak veya döndürmek için kısayol özellik.
borderRight Bir açıklamada tüm borderRight özelliklerini ayarlar veya döndürür.
borderRightColor Sağ kenar çerçeve rengini ayarlar veya döndürür.
borderRightStyle sağ kenar çizgisinin tarzını ayarlamak veya döndürmek.
borderRightWidth sağ kenar çizgisinin genişliğini ayarlamak veya döndürmek.
borderSpacing tablo hücreleri arasındaki boşluğu ayarlamak veya döndürmek.
borderStyle element kenar çizgisinin tarzını ayarlamak veya döndürmek (en fazla dört değer ayarlanabilir).
borderTop bir ifade içinde tüm borderTop özelliklerini ayarlamak veya döndürmek.
borderTopColor üst kenar çizgisinin rengini ayarlamak veya döndürmek.
borderTopLeftRadius sol üst köşe kenar çizgisinin şeklini ayarlamak veya döndürmek.
borderTopRightRadius sağ üst köşe kenar çizgisinin şeklini ayarlamak veya döndürmek.
borderTopStyle üst kenar çizgisinin tarzını ayarlamak veya döndürmek.
borderTopWidth üst kenar çizgisinin genişliğini ayarlamak veya döndürmek.
borderWidth element kenar çizgisinin genişliğini ayarlamak veya döndürmek (en fazla dört değer ayarlanabilir).
bottom konumlandırma elementinin alt konumunu ayarlamak veya döndürmek.
boxDecorationBreak elementin sayfalandırma sırasında arka plan ve kenar çizgisi davranışını ayarlamak veya satır içi elementler için satır değiştirme sırasındaki davranışı.
boxShadow bir veya daha fazla gölgeyi çerçeveye (box) eklemek.
boxSizing bazı elementlerin belirli bir bölgeye nasıl uyum sağladığını tanımlamanıza olanak tanır.
captionSide tablo başlığının konumunu ayarlamak veya döndürmek.
caretColor ekleme işaretçisi/imi rengini ayarlamak veya döndürmek.
clear elementin yüzen nesnelerine göre konumunu ayarlamak veya döndürmek.
clip konumlandırma elementinin hangi kısmının görünür olacağını ayarlamak veya döndürmek.
color metnin rengini ayarlamak veya döndürmek.
columnCount elemanın kaç sütuna bölünmesi gerektiğini ayarlamak veya döndürmek.
columnFill sütunları nasıl doldurulacağını ayarlamak veya döndürmek.
columnGap sütunlar arasındaki boşluğu ayarlamak veya döndürmek.
columnRule tüm columnRule özelliklerini ayarlamak veya döndürmek için kısa yazılış özelliği.
columnRuleColor sütunlar arasındaki düzenin rengini ayarlamak veya döndürmek.
columnRuleStyle sütunlar arasındaki düzenin tarzını ayarlamak veya döndürmek.
columnRuleWidth sütunlar arasındaki düzenin genişliğini ayarlamak veya döndürmek.
columns columnWidth ve columnCount'un kısa yazılışlarını ayarlamak veya döndürmek için kullanılır.
columnSpan elemmanın ne kadar sütun geçiş yapması gerektiğini ayarlamak veya döndürmek.
columnWidth sütun genişliğini ayarlamak veya döndürmek.
content
与 :before 和 :after 伪元素一起使用，插入生成的内容。 counterIncrement
增加一个或多个计数器。 counterReset
创建或重置一个或多个计数器。 cursor
鼠标指针显示的光标类型设置或返回。 direction
文本方向设置或返回。 display
元素显示类型设置或返回。 emptyCells
是否显示空单元格的边框和背景设置或返回。 filter
图像滤镜（如模糊和饱和度）设置或返回。 flex
项目长度相对于其余部分设置或返回。 flexBasis
弹性项初始长度设置或返回。 flexDirection
弹性项方向设置或返回。 flexFlow
flexDirection 和 flexWrap 属性的简写属性。 项目相对于其他项目的增长量设置或返回。
flexShrink 项目相对于其他项目的收缩方式设置或返回。
flexWrap 弹性项是否应换行设置或返回。
cssFloat 元素水平对齐方式设置或返回。
font 字体属性在一条声明中设置或返回。
fontFamily 文本字体族设置或返回。
fontSize 文本字体大小设置或返回。
fontStyle 字体样式是 normal、italic 还是 oblique 设置或返回。
fontVariant 字体是否应以小型大写字母显示设置或返回。
fontWeight 字体粗细设置或返回。
fontSizeAdjust 字体回退时保持文本可读性。
fontStretch 从字体系列中选择伸缩变形方式。
hangingPunctuation 标点符号是否可以放在行框之外规定。
height 元素高度设置或返回。
hyphens 改善段落布局，设置如何拆分单词。
icon 作者能够使用标志性等价物来设置元素样式。
imageOrientation 用户代理应用于图像的向右或顺时针方向旋转规定。
isolation 元素是否必须创建新的堆叠内容定义。
justifyContent 所有可用空间未被项目使用时，弹性容器内项目之间的对齐方式设置或返回。
sol 定位元素的左侧位置设置或返回。
letterSpacing Metinde karakterler arasındaki boşluğu ayarlar veya döndürür.
lineHeight Metinde satırlar arasındaki mesafeyi ayarlar veya döndürür.
listStyle Liste stiliyi bir açıklamada ayarlar veya döndürür.
listStyleImage Liste elemanı işaretinin resmini ayarlar veya döndürür.
listStylePosition Liste elemanı işaretinin konumunu ayarlar veya döndürür.
listStyleType Liste elemanı işaretinin türünü ayarlar veya döndürür.
margin Elementin marjlarını ayarlar (en fazla dört değer ayarlanabilir).
marginBottom Elementin alt dış marjını ayarlar veya döndürür.
marginLeft Elementin sol dış marjını ayarlar veya döndürür.
marginRight Elementin sağ dış marjını ayarlar veya döndürür.
marginTop Elementin üst dış marjını ayarlar veya döndürür.
maxHeight Elementin en büyük yüksekliğini ayarlar veya döndürür.
maxWidth Elementin en büyük genişliğini ayarlar veya döndürür.
minHeight Elementin en küçük yüksekliğini ayarlar veya döndürür.
minWidth Elementin en küçük genişliğini ayarlar veya döndürür.
navDown Aşağı ok navigasyon tuşu kullanılırken navigasyon konumunu ayarlar veya döndürür.
navIndex Elementin geçiş sırasını ayarlar veya döndürür.
navLeft Sol ok navigasyon tuşu kullanılırken navigasyon konumunu ayarlar veya döndürür.
navRight Sağ ok navigasyon tuşu kullanılırken navigasyon konumunu ayarlar veya döndürür.
navUp Yukarı ok navigasyon tuşu kullanılırken navigasyon konumunu ayarlar veya döndürür.
objectFit Değiştirici elementin içeriğinin, kullanılan yükseklik ve genişlik ile oluşturulan çerçeveye nasıl uyacak şekilde ayarlanacağını belirtir.
objectPosition Değiştirilen elementin çerçevesi içinde nasıl hizalanacağını belirtir.
opacity Elementin şeffaflık seviyesini ayarlar veya döndürür.
order Esnek öğelerin geri kalan öğelere göre sırasını ayarlar veya döndürür.
orphans Element içinde sayfalanırken, sayfa altına kalmak zorunda olan elementin en küçük satır sayısını ayarlar veya döndürür.
outline Bütün outline özelliklerini bir açıklamada ayarlar veya döndürür.
outlineColor Element etrafındaki kontur rengini ayarlar veya döndürür.
outlineOffset Konturu kaydırır ve kenar çizgisi dışına çizer.
outlineStyle Element etrafındaki kontur stiliyi ayarlar veya döndürür.
outlineWidth Element etrafındaki kontur genişliğini ayarlar veya döndürür.
overflow Element çerçevesi dışında görüntülenen içeriği nasıl işleneceğini ayarlar veya döndürür.
overflowX İçeriğin iç alanını aşarsa, içeriğin sol/sağ kenarlarının nasıl işleneceğini belirtir.
overflowY İçeriğin içerik alanını aşarsa, içeriğin üst/alt kenarlarının nasıl işleneceğini belirtir.
padding Elementin iç kenar boşluğunu ayarlar (en fazla dört değer ayarlanabilir).
paddingBottom Elementin alt iç kenar boşluğunu ayarlar veya döndürür.
paddingLeft Elementin sol iç kenar boşluğunu ayarlar veya döndürür.
paddingRight Elementin sağ iç kenar boşluğunu ayarlar veya döndürür.
paddingTop Elementin üst iç kenar boşluğunu ayarlar veya döndürür.
pageBreakAfter Elementin arkasındaki sayfa kesme davranışını ayarlar veya döndürür.
pageBreakBefore Elementin önündeki sayfa kesme davranışını ayarlar veya döndürür.
pageBreakInside Elementin içeriğindeki sayfa kesme davranışını ayarlar veya döndürür.
perspective 3B elementinin nasıl görüleceği hakkında bilgi ayarlar veya döndürür.
perspectiveOrigin 3B elementinin alt konumunu ayarlar veya döndürür.
position Elementin konumlandırma yöntemine uygulanan türü (durgun, göreli, mutlak veya sabit) ayarlar veya döndürür.
quotes 嵌入式 çizgilerin çizgi türünü ayarlar veya döndürür.
resize Elementin kullanıcı tarafından boyutlandırılıp boyutlandırılmayacağını ayarlar veya döndürür.
right Konumlandırma elementinin sağ kenar pozisyonunu ayarlar veya döndürür.
scrollBehavior Kullanıcı, kaydırılabilir çerçevede bağlantıya tıkladığında, doğrudan atlamak yerine pürüzsüz kaydırma konumlandırma animasyonu olup olmadığını ayarlar veya döndürür.
tableLayout Tablo hücreleri, satırları ve sütunlarının yerleşim tarzını ayarlar veya döndürür.
tabSize Sembol tablosunun uzunluğunu ayarlar veya döndürür.
textAlign Metnin yatay hizalama yöntemini ayarlar veya döndürür.
textAlignLast text-align 'justify' olarak ayarlandığında, bloğun son satırı veya zorla satır değiştirmeden önceki satırın nasıl hizalanacağını ayarlar veya döndürür.
textDecoration Metin süslemesini ayarlar veya döndürür.
textDecorationColor Metin süslemesinde renk ayarlar veya döndürür.
textDecorationLine Metin süslemesinde satır türünü ayarlar veya döndürür.
textDecorationStyle Metin süslemesinde çizgi stillerini ayarlar veya döndürür.
textIndent İlk satır metninin içeriğini ayarlar veya döndürür.
textJustify text-align 'justify' olarak ayarlandığında kullanılan hizalama yöntemini ayarlar veya döndürür.
textOverflow Metin, içerik elementine sızdığında neler olacağını ayarlar veya döndürür.
textShadow Metin gölgesi etkisini ayarlar veya döndürür.
textTransform 设置或返回文本的大小写。
top 设置或返回定位元素的顶部位置。
transform 对元素应用 2D 或 3D 变换。
transformOrigin 设置或返回被转换元素的位置。
transformStyle 设置或返回嵌套元素在 3D 空间中的渲染方式。
transition 用于设置或返回四个转换属性的简写属性。
transitionProperty 设置或返回过渡效果的 CSS 属性。
transitionDuration 设置或返回过渡效果完成所需的秒数或毫秒数。
transitionTimingFunction 设置或返回过渡效果的速度曲线。
transitionDelay 设置或返回过渡效果何时开始。
unicodeBidi 设置或返回是否应覆盖文本以支持同一文档中的多种语言。
userSelect 设置或返回是否可以选择元素的文本。
verticalAlign 设置或返回元素中内容的垂直对齐方式。
visibility 设置或返回元素是否可见。
whiteSpace 设置或返回如何处理文本中的制表符、换行符和空格。
width 设置或返回元素的宽度。
wordBreak 设置或返回非 CJK 脚本的换行规则。
wordSpacing 设置或返回文本中的单词间距。
wordWrap 允许长的、不可打断的单词被打断并换行到下一行。
widows 设置或返回必须在页面顶部可见的元素的最小行数。
zIndex 设置或返回定位元素的堆栈顺序。

访问 Style 对象

可以从文档的 head 部分或具体的 HTML 元素访问 Style 对象。

örnek 1

从文档的 head 部分访问样式对象：

var x = document.getElementsByTagName("STYLE");

Kişisel olarak deneyin

örnek 2

访问指定元素的样式对象：

var x = document.getElementById("myH1").style;

Kişisel olarak deneyin

创建 Style 对象

örnek 1

您可以使用 document.createElement() 方法创建 <style> 元素：

var x = document.createElement("STYLE");

Kişisel olarak deneyin

örnek 2

Mevcut elementin stil özelliklerini de ayarlayabilirsiniz:

document.getElementById("myH1").style.color = "red";

Kişisel olarak deneyin

İlgili Sayfalar

HTML Eğitimi:HTML CSS

CSS Eğitimi:CSS Eğitimi

HTML Referans Kılavuzu:HTML <style> Etiketi

CSS Referans Kılavuzu:CSS Özellikleri