Obhaji HTML DOM Style

Style Object

Style Object represents a single style declaration.

Style Object Property

Property Description
alignContent Ayya ko'warin ko'warin cecewarin yadda aya ko'warin.
alignItems Ayya ko'warin ko'warin cecewarin yadda aya ko'warin.
alignSelf Ayya ko'warin ko'warin cecewarin yadda aya ko'warin.
animation Ayya ko'warin ko'warin cecewarin yadda aya ko'warin.
animationDelay Ayya ko'warin ko'warin cecewarin yadda aya ko'warin.
animationDirection Ayya ko'warin ko'warin cecewarin yadda aya ko'warin.
animationDuration Ayya ko'warin ko'warin cecewarin yadda aya ko'warin.
animationFillMode Ayya ko'warin ko'warin cecewarin yadda aya ko'warin.
animationIterationCount Ayya ko'warin ko'warin cecewarin yadda aya ko'warin.
animationName Ayya ko'warin ko'warin cecewarin yadda aya ko'warin.
animationPlayState Ayya ko'warin ko'warin cecewarin yadda aya ko'warin.
animationTimingFunction Ayya ko'warin ko'warin cecewarin yadda aya ko'warin.
background Ayya ko'warin ko'warin cecewarin yadda aya ko'warin.
backgroundAttachment Ayya ko'warin ko'warin cecewarin yadda aya ko'warin.
backgroundClip Ayya ko'warin ko'warin cecewarin yadda aya ko'warin.
backgroundColor Ayya ko'warin ko'warin cecewarin yadda aya ko'warin.
backgroundImage Ayya ko'warin ko'warin cecewarin yadda aya cecewarin.
backgroundOrigin 设置或返回背景图像的定位区域。
backgroundPosition A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
backgroundPosition A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
backgroundRepeat A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
backgroundSize A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
backfaceVisibility A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
border A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
borderBottom A gudan taɗaɗin ko ɗan shiɗaɗaɗin gajere ɗan ɗumma.
borderBottomColor A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
borderBottomLeftRadius A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
borderBottomRightRadius A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
borderBottomWidth A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
borderCollapse A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
borderColor A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
borderImage A gudan taɗaɗin ko ɗan shiɗaɗaɗin gajere ɗan ɗumma.
borderImageOutset A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
borderImageRepeat A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
borderImageSlice A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
borderImageSource A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
borderImageWidth A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
borderLeft A gudan taɗaɗin ko ɗan shiɗaɗaɗin gajere ɗan ɗumma.
borderLeftColor A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
borderLeftStyle A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
borderLeftWidth A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
borderRadius A gudan taɗaɗin ko ɗan shiɗaɗaɗin gajere ɗan ɗumma.
borderRight A gudan taɗaɗin ko ɗan shiɗaɗaɗin gajere ɗan ɗumma.
borderRightColor A gudan taɗaɗin ko ɗan shiɗaɗaɗin ɗan ɗumma.
borderRightStyle borderRightWidth
borderRightStyle sabuntar ko tsoho ko tsa yanku ma tsa koi ta yanku koi
borderSpacing sabuntar ko tsoho ko tsa yanku ma tsa koi ta yanku koi
borderStyle sabuntar ko tsoho ko tsa yanku ma tsa koi ta yanku koi ma tsa koi
borderTop sabuntar ko tsoho ko tsa yanku ma tsa koi ta yanku koi ma tsa koi
borderTopColor sabuntar ko tsoho ko tsa yanku ma tsa koi ta yanku koi
borderTopLeftRadius sabuntar ko tsoho ko tsa yanku ma tsa koi ta yanku koi
borderTopRightRadius sabuntar ko tsoho ko tsa yanku ma tsa koi ta yanku koi
borderTopStyle sabuntar ko tsoho ko tsa yanku ma tsa koi ta yanku koi
borderTopWidth sabuntar ko tsoho ko tsa yanku ma tsa koi ta yanku koi
borderWidth sabuntar ko tsoho ko tsa yanku ma tsa koi ta yanku koi ma tsa koi
bottom sabuntar ko tsoho ko tsa yanku ma tsa koi
boxDecorationBreak sabuntar ko tsoho ko tsa yanku ma tsa koi ta yanku koi
boxShadow ko tsa yanku ma tsa koi ta yanku koi
boxSizing ko tsa yanku ma tsa koi ta yanku koi ma tsa koi
captionSide sabuntar ko tsoho ko tsa yanku ma tsa koi
caretColor sabuntar ko tsoho ko tsa koi ko tsa koi
clear sabuntar ko tsoho ko tsa yanku ma tsa koi ta yanku koi
clip sabuntar ko tsoho ko tsa yanku ma tsa koi ko tsa koi
color sabuntar ko tsoho ko tsa koi
columnCount sabuntar ko tsoho ko tsa yanku ma tsa koi ta yanku koi
columnFill sabuntar ko tsoho ko tsa yanku ma tsa koi ta yanku koi
columnGap sabuntar ko tsoho ko tsa yanku ma tsa koi ta yanku koi
columnRule ko tsa sabuntar ko tsoho ko tsa yanku ma tsa koi ma tsa koi ta yanku koi ma tsa koi
columnRuleColor sabuntar ko tsoho ko tsa yanku ma tsa koi ta yanku koi ma tsa koi
columnRuleStyle sabuntar ko tsoho ko tsa yanku ma tsa koi ta yanku koi ma tsa koi
columnRuleWidth sabuntar ko tsoho ko tsa yanku ma tsa koi ta yanku koi ma tsa koi
columns ko tsa sabuntar ko tsoho ko tsa yanku ma tsa koi ma tsa ko tsa columnWidth ma tsa columnCount
columnSpan sabuntar ko tsoho ko tsa yanku ma tsa koi ta yanku koi
columnWidth sabuntar ko tsoho ko tsa yanku ma tsa koi
content Ayar da kaiwa ko aroko yanki.
Ayar da kaiwa ko aroko yanki. Ayar da kaiwa ko aroko yanki.
counterIncrement Ayar da kaiwa ko aroko yanki.
counterReset Ayar da kaiwa ko aroko yanki.
cursor Ayar da kaiwa ko aroko yanki.
direction Ayar da kaiwa ko aroko yanki.
display Ayar da kaiwa ko aroko yanki.
emptyCells Ayar da kaiwa ko aroko yanki.
filter Ayar da kaiwa ko aroko yanki.
flex Ayar da kaiwa ko aroko yanki.
flexBasis Ayar da kaiwa ko aroko yanki.
flexFlow flexDirection da flexWrap suna yi aroko.
flexGrow Ayar da kaiwa ko aroko yanki.
flexShrink Ayar da kaiwa ko aroko yanki.
flexWrap Ayar da kaiwa ko aroko yanki.
cssFloat Ayar da kaiwa ko aroko yanki.
font Ayar da kaiwa ko aroko yanki.
fontFamily Ayar da kaiwa ko aroko yanki.
fontSize Ayar da kaiwa ko aroko yanki.
fontStyle Ayar da kaiwa ko aroko yanki.
fontVariant Ayar da kaiwa ko aroko yanki.
fontWeight Ayar da kaiwa ko aroko yanki.
fontSizeAdjust Ayar da kaiwa ko aroko yanki ke cikin tasiri.
fontStretch Ayar da kaiwa ko aroko yanki ke cikin tasiri.
hangingPunctuation Ayar da kaiwa ko kwanan kwanan yanki ke cikin kwanan kwanan ko.
height Ayar da kaiwa ko aroko yanki.
hyphens Ayar da kaiwa ko aroko yanki na cikin kwanan kwanan.
icon Yin aroko aroko da ke da mahimmanci don aroko.
imageOrientation Ayar da ke bayan aroko shayi na yau a kan tasiri.
isolation Dade da nufin kaiwa ko aroko yanki ne na cikin yanki na yau.
justifyContent Yannu aya yin yanki dake a kai aya, ayar da kai ko aroko kuma kai kaiwa.
left Ayar da a kanamata ko fi aroko yanki.
letterSpacing 设置或返回文本中字符之间的空间。
lineHeight 设置或返回文本中行之间的距离。
listStyle 在一条声明中设置或返回列表样式。
listStyleImage 设置或返回图像作为列表项标记。
listStylePosition 设置或返回列表项标记的位置。
listStyleType 设置或返回列表项标记的类型。
margin 设置或返回元素的外边距（最多可以设置四个值）。
marginBottom 设置或返回元素的下外边距。
marginLeft 设置或返回元素的左外边距。
marginRight 设置或返回元素的右外边距。
marginTop 设置或返回元素的上外边距。
maxHeight 设置或返回元素的最大高度。
maxWidth 设置或返回元素的最大宽度。
minHeight 设置或返回元素的最小高度。
minWidth 设置或返回元素的最小宽度。
navDown 设置或返回使用向下箭头导航键时的导航位置。
navIndex 设置或返回元素的跳转顺序。
navLeft 设置或返回使用左箭头导航键时的导航位置。
navRight 设置或返回使用右箭头导航键时的导航位置。
navUp 设置或返回使用上箭头导航键时的导航位置。
objectFit 指定替换元素的内容应如何适合由其使用的高度和宽度建立的框。
objectPosition 指定被替换元素在其框内的对齐方式。
opacity 设置或返回元素的不透明度级别。
order 设置或返回弹性项相对于其余项的顺序。
orphans 设置或返回元素内部发生分页时必须留在页面底部的元素的最小行数。
outline 在一条声明中设置或返回所有 outline 属性。
outlineColor 设置或返回元素周围轮廓的颜色。
outlineOffset 偏移轮廓，并将其绘制到边框边缘之外。
outlineStyle 设置或返回元素周围轮廓的样式。
outlineWidth 设置或返回元素周围轮廓的宽度。
overflow 设置或返回如何处理在元素框外呈现的内容。
overflowX 规定如何处理内容的左/右边缘，如果它溢出元素的内容区域。
overflowY Yan fari kura ko fari kura ko fari kura ko fari kura.
padding Ayar da kodi ko fari yin fari kura ko fari kura.
paddingBottom Ayar da kodi ko fari yin fari kura ko fari kura.
paddingLeft Ayar da kodi ko fari yin fari kura ko fari kura.
paddingRight Ayar da kodi ko fari yin fari kura ko fari kura.
paddingTop Ayar da kodi ko fari yin fari kura ko fari kura.
pageBreakAfter Ayar da kodi ko fari yin fari kura ko fari kura.
pageBreakBefore Ayar da kodi ko fari yin fari kura ko fari kura.
pageBreakInside Ayar da kodi ko fari yin fari kura ko fari kura.
perspective Ayar da kodi ko fari yin fari kura ko fari kura.
perspectiveOrigin Ayar da kodi ko fari yin fari kura ko fari kura.
position Ayar da kodi ko fari yin fari kura ko fari kura.
quotes Ayar da kodi ko fari yin fari kura ko fari kura.
resize Ayar da kodi ko fari yin fari kura ko fari kura.
right Ayar da kodi ko fari yin fari kura ko fari kura.
scrollBehavior Yan fari kura ko fari kura ko fari kura ko fari kura ko fari kura.
tableLayout Ayar da kodi ko fari yin fari kura ko fari kura.
tabSize Ayar da kodi ko fari yin fari kura ko fari kura.
textAlign Ayar da kodi ko fari yin fari kura ko fari kura.
textAlignLast Yan fari kura "justify" yin aya ko fari kura, ayar da kodi ko fari kura ko fari kura ko fari kura ko fari kura.
textDecoration Ayar da kodi ko fari yin fari kura.
textDecorationColor Ayar da kodi ko fari yin fari kura ko fari kura.
textDecorationLine Ayar da kodi ko fari yin fari kura ko fari kura.
textDecorationStyle Ayar da kodi ko fari yin fari kura ko fari kura.
textIndent Ayar da kodi ko fari yin fari kura ko fari kura aya ko fari kura.
textJustify Ayar da kodi ko fari yin fari kura "justify" yin aya ko fari kura.
textOverflow Ayar da kodi ko fari yin fari kura ko yin aya ko fari kura.
textShadow Ayar da kodi ko yin fari girmi ko fari kura.
textTransform 设置或返回文本的大小写。
top 设置或返回定位元素的顶部位置。
transform 对元素应用 2D 或 3D 变换。
transformOrigin 设置或返回被转换元素的位置。
transformStyle 设置或返回嵌套元素在 3D 空间中的渲染方式。
transition 用于设置或返回四个转换属性的简写属性。
textTransform top
transform transformOrigin
transformStyle transition
transitionProperty transitionDuration
transitionTimingFunction transitionDelay
unicodeBidi userSelect
verticalAlign ka za kira yarawa kiwa za kira yarawa: za kira yarawa kiwa za kira yarawa:
visibility ka za kira yarawa kiwa za kira yarawa: za kira yarawa kiwa za kira yarawa:
whiteSpace ka za kira yarawa kiwa za kira yarawa: za kira yarawa kiwa za kira yarawa:
width ka za kira yarawa kiwa za kira yarawa: za kira yarawa kiwa za kira yarawa:
wordBreak ka za kira yarawa kiwa za kira yarawa: za kira yarawa kiwa za kira yarawa:
wordSpacing ka za kira yarawa kiwa za kira yarawa: za kira yarawa kiwa za kira yarawa:
wordWrap ka za kira yarawa kiwa za kira yarawa: za kira yarawa kiwa za kira yarawa: za kira yarawa kiwa za kira yarawa:
widows ka za kira yarawa kiwa za kira yarawa: za kira yarawa kiwa za kira yarawa: za kira yarawa kiwa za kira yarawa:
zIndex ka za kira yarawa kiwa za kira yarawa: za kira yarawa kiwa za kira yarawa:

ka za kira yarawa Style:

za aza kira yarawa kamar yau: document head ko kamar yau HTML element:

amata 1

ka za kira yarawa kamar yau: document head:

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

جرب بنفسك

amata 2

ka za kira yarawa Style kamar yau:

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

جرب بنفسك

kira yarawa Style:

amata 1

Za aza ka za kira yarawa <style> kamar yau: document.createElement() method: za aza kira yarawa:

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

جرب بنفسك

amata 2

يمكنك أيضًا تعيين خصائص النمط للعناصر الموجودة بالفعل:

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

جرب بنفسك

الصفحات ذات الصلة

تدريس HTML:CSS HTML

تدريس CSS:تدريس CSS

كتيب مرجع HTML:تگ <style> HTML

كتيب مرجع CSS:خصائص CSS