Mwongozo wa Style ya HTML DOM

Mfano wa sababu ya uharibifu wa kina.

Mfano wa sababu ya uharibifu wa kina.

Mfano wa sababu ya uharibifu wa kina.

Mfano Kuelewa
alignContent Mpendaauaili amaenda jinsi ya kusaidia kufikia mawanda wa kina kwenye mawanda wa kina kwenye kina cha kina.
alignItems Mpendaauaili amaenda jinsi ya kusaidia kufikia mawanda wa kina kwenye kina cha kina.
alignSelf Mpendaauaili amaenda jinsi ya kusaidia kufikia mawanda wa kina kwenye kina cha kina.
animation Jina la kifupi cha sababu za uharibifu, kusini kwa sababu ya kufikia mawanda wa hatua ya uharibifu.
animationDelay Mpendaauaili amaenda wakati wa uharibifu wa kina haujafikia mawanda wa hatua ya uharibifu.
animationDirection Mpendaauaili amaenda au mafikira ya uharibifu haujafikia mawanda wa hatua ya uharibifu.
animationDuration Mpendaauaili amaenda wakati wa sekunde ama wakati wa milliki wa uharibifu wa kina.
animationFillMode Mpendaauaili amaenda thamani ya uharibifu kwenye wakati wa kufanyia.
animationIterationCount Mpendaauaili amaenda mara za uharibifu au haujafikia mawanda wa hatua ya uharibifu.
animationName Mpendaauaili amaenda jina la uharibifu wa @keyframes.
animationPlayState Mpendaauaili amaenda au mafikira ya uharibifu haujafikia mawanda wa hatua ya uharibifu.
animationTimingFunction Mpendaauaili amaenda jinsi ya uharibifu wa kina.
background Mpendaauaili amaenda au mafikira ya mawanda wa kina wote kwa muhimu mmoja.
backgroundAttachment Mpendaauaili amaenda au mafikira ya mawanda wa kina haujafikia mawanda wa hatua ya uharibifu.
backgroundClip Mpendaauaili amaenda eneo la kina la kusaidia kufanya.
backgroundColor Mpendaauaili amaenda au mafikira ya mawanda wa kina.
backgroundImage Mpendaauaili amaenda amaishia ya mawanda wa kipimo cha kina.
backgroundOrigin 设置或返回背景图像的定位区域。
backgroundPosition Kuuweka kwa kuuwa na kuuweka eneo la kina la picha ya mabara.
backgroundPosition Kuuweka kwa kuuwa na kuuweka inaingia ya picha ya mabara.
backgroundRepeat Kuuweka kwa kuuwa na kuuweka inaingia ya picha ya mabara.
backgroundSize Kuuweka kwa kuuwa na kuuweka ukubwa wa picha ya mabara.
backfaceVisibility Kuuweka kwa kuuwa na kuuweka inaingia ya kina kwa kina haitakayofikia ekisikii.
border Kuuweka kwa ujumbe mmoja kwa kuuwa na kuuweka barua za kifungu, uraia wa kifungu na rangi ya kifungu.
borderBottom Kuuweka kwa ujumbe mmoja kwa kuuwa na kuuweka au kuuweka barua za kifungu cha kushoto zote.
borderBottomColor Kuuweka kwa kuuwa na kuuweka uraia wa kifungu cha kushoto cha kushoto.
borderBottomLeftRadius Kuuweka kwa kuuwa na kuuweka uraia wa kifungu cha kushoto cha kushoto.
borderBottomRightRadius Kuuweka kwa kuuwa na kuuweka uraia wa kifungu cha kushoto.
borderBottomWidth Kuuweka kwa kuuwa na kuuweka upana wa kifungu cha kushoto.
borderCollapse Kuuweka kwa kuuwa na kuuweka inaingia ya kifungu cha tabia inayotumika kwa kuuwa na kuuweka kifungu kwa kina.
borderColor Kuuweka kwa kuuwa na kuuweka rangi ya kifungu cha kina (inaweza kuweka hadi nane).
borderImage Inayotumika kuuweka kwa kuuwa na kuuweka barua za kifungu cha borderImage zote.
borderImageOutset Kuuweka kwa kuuwa na kuuweka kiasi cha kifungu cha picha cha kifungu kinachotengana na kifungu cha box.
borderImageRepeat Kuuweka kwa kuuwa na kuuweka inaingia, inarudi kwenye, inapenda kufikia kifungu.
borderImageSlice Kuuweka kwa kuuwa na kuuweka kiasi cha kushoto cha picha ya kifungu.
borderImageSource Kuuweka kwa kuuwa na kuuweka picha inayotumiwa kama kifungu.
borderImageWidth Kuuweka kwa kuuwa na kuuweka upana wa kifungu cha picha.
borderLeft Kuuweka kwa ujumbe mmoja kwa kuuwa na kuuweka au kuuweka barua za kifungu cha kushoto zote.
borderLeftColor Kuuweka kwa kuuwa na kuuweka rangi ya kifungu cha kushoto.
borderLeftStyle Kuuweka kwa kuuwa na kuuweka uraia wa kifungu cha kushoto.
borderLeftWidth Kuuweka kwa kuuwa na kuuweka upana wa kifungu cha kushoto.
borderRadius Inayotumika kuuweka kwa kuuwa na kuuweka barua za borderRadius zote mbili za kifungu.
borderRight Kuuweka kwa ujumbe mmoja kwa kuuwa na kuuweka au kuuweka barua za kifungu cha kushoto zote.
borderRightColor Mkinga aupele wa kuuwa na kuuweka rangi ya kifungu cha kushoto.
borderRightStyle sababu au kurejea uraifu wa kina cha kina.
borderRightWidth sababu au kurejea kipimo cha kina cha kina.
borderSpacing sababu au kurejea eneo la kina cha kina cha kina.
borderStyle sababu au kurejea uraifu wa kina cha kina cha kina.
borderTop kuingia kina kwa sababu ya kina cha kina cha kina.
borderTopColor sababu au kurejea rangi ya kina cha kina.
borderTopLeftRadius sababu au kurejea uwanja wa kina cha kina cha kina.
borderTopRightRadius sababu au kurejea uwanja wa kina cha kina cha kina.
borderTopStyle sababu au kurejea uraifu wa kina cha kina.
borderTopWidth sababu au kurejea kipimo cha kina cha kifaa cha kina.
borderWidth sababu au kurejea kipimo cha kina cha kifaa (kwa uadilifu kumi).
bottom sababu au kurejea eneo la kina cha kifaa.
boxDecorationBreak sababu au kurejea uwanja wa kina cha kifaa kwa sababu ya kina la kina.
boxShadow kuingia kina kwa sababu ya kina la kina.
boxSizing inonesha kufikiria sababu za kina kwa sababu ya kina.
captionSide sababu au kurejea uwanja wa kina cha kifaa cha kifaa cha data.
caretColor sababu au kurejea rangi ya kina cha kifaa.
clear sababu au kurejea uwanja wa kina wa kifaa kwa sababu ya kina la kifaa.
clip sababu au kurejea sehemu ya uwanja ambayo inaonekana kwa kina.
color sababu au kurejea rangi ya matukio.
columnCount sababu au kurejea kipimo cha kundi la kifaa kinachohatarisha kufikiria.
columnFill sababu au kurejea jina la kufill kundi la kifaa.
columnGap sababu au kurejea kati cha kundi la kifaa.
columnRule sababu ya kusababisha ama kurejea kila sababu ya kati cha kundi la kifaa kwa uraifu.
columnRuleColor sababu au kurejea rangi ya kati cha kundi la kifaa.
columnRuleStyle sababu au kurejea uraifu wa kati cha kundi la kifaa.
columnRuleWidth sababu au kurejea kipimo cha kati cha kundi la kifaa.
columns sababu ya kusababisha ama kurejea columnWidth na columnCount kwa uraifu.
columnSpan sababu au kurejea kipimo cha kundi la kifaa kinachohatarisha.
columnWidth sababu au ya kufanya ama kurejea kipimo cha kundi la kifaa.
content 与 :before 和 :after 伪元素一起使用，插入生成的内容。
counterIncrement 增加一个或多个计数器。
counterReset 创建或重置一个或多个计数器。
cursor 设置或返回鼠标指针显示的光标类型。
direction 设置或返回文本方向。
display 设置或返回元素的显示类型。
emptyCells 设置或返回是否显示空单元格的边框和背景。
filter 设置或返回图像滤镜（视觉效果，如模糊和饱和度）。
flex 设置或返回项目的长度，相对于其余部分。
flexBasis 设置或返回弹性项的初始长度。
flexDirection 设置或返回弹性项的方向。
flexFlow flexDirection 和 flexWrap 属性的简写属性。
flexGrow 设置或返回项目相对于其他项目的增长量。
flexShrink 设置或返回项目相对于其他项目的收缩方式。
flexWrap 设置或返回弹性项是否应换行。
cssFloat 设置或返回元素的水平对齐方式。
font 在一条声明中设置或返回字体属性。
fontFamily 设置或返回文本的字体族。
fontSize 设置或返回文本的字体大小。
fontStyle 设置或返回字体的样式是 normal、italic 还是 oblique。
fontVariant 设置或返回字体是否应以小型大写字母显示。
fontWeight 设置或返回字体的粗细。
fontSizeAdjust 发生字体回退时保持文本的可读性。
fontStretch 从字体系列中选择伸缩变形方式。
hangingPunctuation 规定标点符号是否可以放在行框之外。
height 设置或返回元素的高度。
hyphens 设置如何拆分单词以改善段落的布局。
icon 使作者能够使用标志性等价物来设置元素的样式。
imageOrientation 规定用户代理应用于图像的向右或顺时针方向的旋转。
isolation 定义元素是否必须创建新的堆叠内容。
justifyContent 当项目未使用所有可用空间时，设置或返回弹性容器内项目之间的对齐方式。
left Kufaa au ya kwenda kumaliza eneo la kushika ya kina ya kina.
letterSpacing Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
lineHeight Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
listStyle Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
listStyleImage Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
listStylePosition Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
listStyleType Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
margin Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
marginBottom Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
marginLeft Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
marginRight Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
marginTop Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
maxHeight Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
maxWidth Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
minHeight Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
minWidth Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
navDown Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
navIndex Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
navLeft Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
navRight Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
navUp Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
objectFit Inauza kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
objectPosition Inauza kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
opacity Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
order Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
orphans Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
outline Inauza na inapasa kuhariri kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
outlineColor Inauza na inapasa kuhariri rangi ya kina kwenye kina kwenye kina kwa kushangaza.
outlineOffset Inauza kina kwenye kina kwenye kina kwa kushangaza kwenye kina kwenye kina kwa kushangaza.
outlineStyle Inauza na inapasa kuhariri stili ya kina kwenye kina kwenye kina kwa kushangaza.
outlineWidth Inauza na inapasa kuhariri uwezo wa kina kwenye kina kwenye kina kwa kushangaza.
overflow Inauza na inapasa kuhariri kina kwa kufikia eneo la kina kwenye kina kwa kushangaza.
overflowX Inauza kina kipende kwa kuhariri eneo la kushindwa la kushangaza kwa eneo la kueleza kwa kina au kushangaza wa kina.
overflowY 指定如何处理内容的上/下边缘，如果它溢出元素的内容区域。
padding 设置或返回元素的内边距（最多可以设置四个值）。
paddingBottom 设置或返回元素的下内边距。
paddingLeft 设置或返回元素的左内边距。
paddingRight 设置或返回元素的右内边距。
paddingTop 设置或返回元素的上内边距。
pageBreakAfter 设置或返回元素后的分页行为。
pageBreakBefore 设置或返回元素前的分页行为。
pageBreakInside 设置或返回元素内的分页行为。
perspective 设置或返回有关如何查看 3D 元素的视角。
perspectiveOrigin 设置或返回 3D 元素的底部位置。
position 设置或返回用于元素的定位方法的类型（静态、相对、绝对或固定）。
quotes 设置或返回嵌入引号的引号类型。
resize 设置或返回元素是否可以被用户调整大小。
right 设置或返回定位元素的右侧位置。
scrollBehavior 规定当用户单击可滚动框内的链接时，是否有平滑滚动定位的动画效果，而不是直接跳转。
tableLayout Meng Configure aupeka ama kuzingatia usaidizi wa kina, barua na mabara.
tabSize Meng Configure aupeka ama kuzingatia ujumbe wa tabu.
textAlign Meng Configure aupeka ama kuzingatia ujumbe wa kina kwa ujumbe.
textAlignLast Meng Configure aupeka ama kuzingatia kina cha kwanza kwa kina ya text-align kama "justify".
textDecoration Meng Configure aupeka ama kuzingatia mabaya ya ujumbe.
textDecorationColor Meng Configure aupeka ama kuzingatia rangi ya mabaya ya ujumbe.
textDecorationLine Meng Configure aupeka ama kuzingatia mabaya ya ujumbe.
textDecorationStyle Meng Configure aupeka ama kuzingatia urafiki wa mabaya ya ujumbe.
textIndent Meng Configure aupeka ama kuzingatia kufikia kwa kina cha kwanza kwa ujumbe.
textJustify Meng Configure aupeka ama kuzingatia ujumbe wa text-align kama "justify".
textOverflow Meng Configure aupeka ama kuzingatia matukio ya kusikitisha kwa kufikia kifupi cha kina.
textShadow Meng Configure aupeka ama kuzingatia mabaya ya matukio ya mawili wa kifupi cha ujumbe.
textTransform 设置或返回文本的大小写。
top 设置或返回定位元素的顶部位置。
transform 对元素应用 2D 或 3D 变换。
transformOrigin 设置或返回被转换元素的位置。
transformStyle 设置或返回嵌套元素在 3D 空间中的渲染方式。
transition 用于设置或返回四个转换属性的简写属性。
transitionProperty 设置或返回过渡效果的 CSS 属性。
transitionDuration 设置或返回过渡效果完成所需的秒数或毫秒数。
transitionTimingFunction 设置或返回过渡效果的速度曲线。
transitionDelay 设置或返回过渡效果何时开始。
unicodeBidi 设置或返回是否应覆盖文本以支持同一文档中的多种语言。
userSelect 设置或返回是否可以选择元素的文本。
verticalAlign 设置或返回元素中内容的垂直对齐方式。
visibility 设置或返回元素是否可见。
whiteSpace 设置或返回如何处理文本中的制表符、换行符和空格。
width 设置或返回元素的宽度。
wordBreak 设置或返回非 CJK 脚本的换行规则。
wordSpacing 设置或返回文本中的单词间距。
wordWrap Kumfanya neno la urefu sana na ingekamilika kusababisha neno hilo kusababisha kusasa hali ya kuzingatia kwa kumwambilea katika hali ya kusasa.
widows Kumaliza au kusababisha elementi iliyotumiwa kuwaonekana kwenye ukurasa wa juu kwa sababu ya uadilifu wa uharibifu.
zIndex Kumaliza utaratibu wa kilele cha elementi au kusababisha elementi iliyotumiwa.

Kupata class ya Style

Inaweza kuingia kwa class ya style kutoka kwa sehemu ya head ya hali ya hifadhi au elementi ya HTML kwanza.

mivuno 1

Kupata class ya style kutoka kwa sehemu ya head ya hali ya hifadhi:

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

Jifunze tena

mivuno 2

Kupata class ya style ya elementi zilingatiliwa:

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

Jifunze tena

Kumwambia class ya Style

mivuno 1

Unaweza kutumia method ya document.createElement() kuunda elementi la <style>.

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

Jifunze tena

mivuno 2

Wewe wengi naweza kumwambia mafano wa hatua ya kiwango kwa elementi zilizojengwa:

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

Jifunze tena

Vipengele vya huzina

Mafunzo ya HTML:HTML CSS

Mafunzo ya CSS:Mafunzo ya CSS

Makala ya HTML:HTML <style> labeli

Makala ya CSS:Mfano wa CSS