HTML DOM Style 对象
- ముందు పేజీ HTML DOMTokenList
- తరువాత పేజీ API కాన్వాస్
Style ఆబ్జెక్ట్
స్టైల్ ఆబ్జెక్ట్ అట్రిబ్యూట్ ప్రతినిధిస్తుంది ఒక ప్రత్యేక స్టైల్ ప్రకటన.
స్టైల్ ఆబ్జెక్ట్ అట్రిబ్యూట్
అట్రిబ్యూట్ | వివరణ |
---|---|
alignContent | ఎలాస్టిక్ కంటైనర్ లో ప్రాజెక్ట్ల మధ్య అంతరాలను సెట్ లేదా పెట్టుకునే. ప్రాజెక్ట్లు అన్ని అందుబాటులోని స్థలాన్ని వినియోగించకుండా ఉన్నప్పుడు. |
alignItems | ఎలాస్టిక్ కంటైనర్ లో ప్రాజెక్ట్లను సెట్ లేదా పెట్టుకునే అనుగుణంగా. |
alignSelf | ఎలాస్టిక్ కంటైనర్ లో ఎంపిక చేసిన ప్రాజెక్ట్లను సెట్ లేదా పెట్టుకునే అనుగుణంగా. |
animation | అన్ని అనిమేషన్ అట్రిబ్యూట్లను సంక్షిప్త అట్రిబ్యూట్ గా సెట్ లేదా పెట్టుకునే. animationPlayState అట్రిబ్యూట్ మినహా. |
animationDelay | అనిమేషన్ ప్రారంభం చేయాల్సిన సమయం సెట్ లేదా పెట్టుకునే. |
animationDirection | అనిమేషన్ ఆల్టర్నేటింగ్ సైకల్స్ లో ప్రతికూలంగా ప్లే అనిమేషన్ అనిమేషన్ స్థిరంగా ఉండాలి సెట్ లేదా పెట్టుకునే. |
animationDuration | అనిమేషన్ ఒక సికల్ పూర్తి చేయడానికి అవసరమైన సెకన్లు లేదా మిల్లీసెకన్లు సెట్ లేదా పెట్టుకునే. |
animationFillMode | అనిమేషన్ ప్రస్తుతం ప్రయోగించే విలువను సెట్ లేదా పెట్టుకునే. |
animationIterationCount | అనిమేషన్ ప్లే సబ్ కంట్ సెట్ లేదా పెట్టుకునే. |
animationName | @keyframes అనిమేషన్ పేరును సెట్ లేదా పెట్టుకునే. |
animationPlayState | అనిమేషన్ ప్రస్తుతం నడుస్తున్నది లేదా స్థిరంగా ఉంది సెట్ లేదా పెట్టుకునే. |
animationTimingFunction | అనిమేషన్ వేగం కర్నర్ సెట్ లేదా పెట్టుకునే. |
background | ఒక ప్రకటనలో అన్ని బ్యాక్గ్రౌండ్ అట్రిబ్యూట్లను సెట్ లేదా పెట్టుకునే. |
backgroundAttachment | బ్యాక్గ్రౌండ్ చిత్రం స్థిరంగా లేదా పేజీ స్క్రోల్తో కలిసి ఉండాలి. |
backgroundClip | బ్యాక్గ్రౌండ్ డ్రాయింగ్ ప్రాంతాన్ని సెట్ లేదా పెట్టుకునే. |
backgroundColor | సెట్ లేదా పెట్టుకునే మెటీరియల్ యొక్క బ్యాక్గ్రౌండ్ రంగు. |
backgroundImage | సెట్ లేదా పెట్టుకునే మెటీరియల్ యొక్క బ్యాక్గ్రౌండ్ చిత్రం. |
backgroundOrigin | 设置或返回背景图像的定位区域。 |
backgroundPosition | 设置或返回背景图像的起始位置。 |
backgroundRepeat | 设置或返回如何重复(平铺)背景图像。 |
backgroundSize | 设置或返回背景图像的大小。 |
backgroundSize | ఎలాంటి స్క్రీన్ ముందు ఉన్నప్పుడు అంశం దృశ్యంలో ఉండాలా లేదా లేకపోవాలా అని అమర్చండి లేదా తిరిగి పొందండి。 |
backfaceVisibility | ఒక ప్రకటనలో అన్ని బార్డర్ వెడల్పు, శైలి మరియు రంగులను అమర్చండి లేదా తిరిగి పొందండి。 |
border | ఒక ప్రకటనలో అన్ని borderBottom అంశాలను అమర్చండి లేదా తిరిగి పొందండి。 |
borderBottom | క్రింద బార్డర్ రంగును అమర్చండి లేదా తిరిగి పొందండి。 |
borderBottomColor | లెఫ్ట్ డాల్మేయర్ బార్డర్ రూపంను అమర్చండి లేదా తిరిగి పొందండి。 |
borderBottomLeftRadius | డాల్మేయర్ బార్డర్ రూపంను అమర్చండి లేదా తిరిగి పొందండి。 |
borderBottomRightRadius | క్రింద బార్డర్ శైలిని అమర్చండి లేదా తిరిగి పొందండి。 |
borderBottomWidth | క్రింద బార్డర్ వెడల్పును అమర్చండి లేదా తిరిగి పొందండి。 |
borderCollapse | పట్టిక బార్డర్ కన్నా ఒక బార్డర్ కలిగించాలా అని అమర్చండి లేదా తిరిగి పొందండి。 |
borderColor | అంశం బార్డర్ రంగును అమర్చండి లేదా తిరిగి పొందండి (గరిష్టంగా నాలుగు విలువలు). |
borderImage | అన్ని borderImage అంశాలను అమర్చడానికి లేదా తిరిగి పొందడానికి సరళ అంశం. |
borderImageOutset | బార్డర్ చిత్రం ప్రాంతాన్ని బార్డర్ బాక్స్ పైన అంతరంగా అమర్చండి లేదా తిరిగి పొందండి。 |
borderImageRepeat | చిత్రం బార్డర్ నిర్దిష్టంగా పునరావృతం చేయాలా, చుట్టిపెట్టాలా లేదా స్ట్రేచ్ చేయాలా అని అమర్చండి లేదా తిరిగి పొందండి。 |
borderImageSlice | చిత్రం బార్డర్ అంతరాన్ని అమర్చండి లేదా తిరిగి పొందండి。 |
borderImageSource | బార్డర్ చిత్రాన్ని అమర్చండి లేదా తిరిగి పొందండి。 |
borderImageWidth | చిత్రం బార్డర్ వెడల్పును అమర్చండి లేదా తిరిగి పొందండి。 |
borderLeft | ఒక ప్రకటనలో అన్ని borderLeft అంశాలను అమర్చండి లేదా తిరిగి పొందండి。 |
borderLeftColor | ఎడమ బార్డర్ రంగును అమర్చండి లేదా తిరిగి పొందండి。 |
borderLeftStyle | ఎడమ బార్డర్ శైలిని అమర్చండి లేదా తిరిగి పొందండి。 |
borderLeftWidth | ఎడమ బార్డర్ వెడల్పును అమర్చండి లేదా తిరిగి పొందండి。 |
borderRadius | అన్ని నాలుగు borderRadius అంశాలను అమర్చడానికి లేదా తిరిగి పొందడానికి సరళ అంశం. |
borderRight | ఒక ప్రకటనలో అన్ని borderRight అంశాలను అమర్చండి లేదా తిరిగి పొందండి。 |
borderRightColor | కుడి బార్డర్ రంగును అమర్చండి లేదా తిరిగి పొందండి。 |
borderRightStyle | 设置或返回右边框的样式。 |
borderRightWidth | 设置或返回右边框的宽度。 |
borderSpacing | 设置或返回表格中单元格之间的空间。 |
borderStyle | 设置或返回元素边框的样式(最多可以设置四个值)。 |
borderTop | 在一条声明中设置或返回所有 borderTop 属性。 |
borderTopColor | 设置或返回上边框的颜色。 |
borderTopLeftRadius | 设置或返回左上角边框的形状。 |
borderTopRightRadius | 设置或返回右上角边框的形状。 |
borderTopStyle | 设置或返回上边框的样式。 |
borderTopWidth | 设置或返回上边框的宽度。 |
borderWidth | 设置或返回元素边框的宽度(最多可以设置四个值)。 |
bottom | 设置或返回定位元素的底部位置。 |
boxDecorationBreak | 设置或返回元素在分页时的背景和边框的行为,或者对于行内元素,在换行时的行为。 |
boxShadow | 将一个或多个阴影附加到框(box)。 |
boxSizing | 允许您定义某些元素以某种方式适合某个区域。 |
captionSide | 设置或返回表格标题的位置。 |
caretColor | 设置或返回元素的插入符号/光标的颜色。 |
clear | 设置或返回元素相对于浮动对象的位置。 |
clip | 设置或返回定位元素的哪一部分可见。 |
color | 设置或返回文本的颜色。 |
columnCount | 设置或返回元素应该被划分的列数。 |
columnFill | 设置或返回如何填充列。 |
columnGap | 设置或返回列之间的间隙。 |
columnRule | 用于设置或返回所有 columnRule 属性的简写属性。 |
columnRuleColor | 设置或返回列之间规则的颜色。 |
columnRuleStyle | 设置或返回列之间规则的样式。 |
columnRuleWidth | 设置或返回列之间规则的宽度。 |
columns | columnWidth మరియు columnCount నిర్ణయం లేదా పునర్నిర్ణయం చేయడానికి ఉపయోగించే లఘువైన అనునామిక లక్షణం. |
columnSpan | ప్రతి అంశం ఎంతో నిర్దేశం లేదా పునర్నిర్ణయం చేయండి ఎంతో నిర్దేశం లేదా పునర్నిర్ణయం చేయండి. |
columnWidth | నిర్ణయం లేదా కలిగించిన నిర్దేశం వెడల్పు నిర్ణయం లేదా పునర్నిర్ణయం చేయండి. |
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 | సెట్ లేదా లొకేషన్ ఎలిమెంట్ యొక్క ఎడమ స్థానాన్ని తిరిగి పొందుటకు లేదా సెట్ చేయుట. |
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 | 指定如何处理内容的上/下边缘,如果它溢出元素的内容区域。 |
padding | 设置或返回元素的内边距(最多可以设置四个值)。 |
paddingBottom | 设置或返回元素的下内边距。 |
paddingLeft | 设置或返回元素的左内边距。 |
paddingRight | 设置或返回元素的右内边距。 |
paddingTop | 设置或返回元素的上内边距。 |
pageBreakAfter | 设置或返回元素后的分页行为。 |
pageBreakBefore | 设置或返回元素前的分页行为。 |
pageBreakInside | 设置或返回元素内的分页行为。 |
pageBreakBefore | అంతర్భాగం యొక్క ముందున పేజీ విధానాన్ని అమర్చండి లేదా తిరిగి పొందండి. |
pageBreakInside | అంతర్భాగం లోపల పేజీ విధానాన్ని అమర్చండి లేదా తిరిగి పొందండి. |
perspective | 3D అంతర్భాగం యొక్క దృష్టిని నిర్ధారణ పద్ధతిని అమర్చండి లేదా తిరిగి పొందండి. |
perspectiveOrigin | 3D అంతర్భాగం యొక్క క్రిందప్రాంతం యొక్క నిర్ధారణ పద్ధతిని అమర్చండి లేదా తిరిగి పొందండి. |
position | ప్రకారం నిర్ధారణ పద్ధతిని అమర్చండి లేదా తిరిగి పొందండి. |
quotes | స్ట్రాంగులను యొక్క ప్రకారం నిర్ధారణ పద్ధతిని అమర్చండి లేదా తిరిగి పొందండి. |
resize | అంతర్భాగం యొక్క యొక్క విధానాన్ని అమర్చండి లేదా తిరిగి పొందండి. |
right | నిర్ధారణ అంతర్భాగం యొక్క యొక్క ప్రాంతాన్ని అమర్చండి లేదా తిరిగి పొందండి. |
scrollBehavior | టేబుల్ స్క్రోల్ లో లింకులను క్లిక్ చేసినప్పుడు, ప్రస్తుతముఖ్యతను ప్రస్తుతముఖ్యతలో నేరుగా పరిగణించడం బదులుగా సమస్తం కలిగిన అనిమేషన్ విధానాన్ని అమర్చండి లేదా తిరిగి పొందండి. |
textAlign | వచనం యొక్క హైరెక్టికల్ సరికొడటం పద్ధతిని అమర్చండి లేదా తిరిగి పొందండి. |
textAlignLast | text-align "justify" విధానం ఉన్నప్పుడు, అంతర్భాగం యొక్క చివరి వరుసను లేదా పంపకాన్ని ముందుకు సరికొడటం ముందు వరుసను ఎలా సరికొడటాన్ని అమర్చండి లేదా తిరిగి పొందండి. |
textDecoration | వచన అలంకరణను అమర్చండి లేదా తిరిగి పొందండి. |
textDecorationColor | వచన అలంకరణలో రంగును అమర్చండి లేదా తిరిగి పొందండి. |
textDecorationLine | వచన అలంకరణలో పందుల రకాన్ని అమర్చండి లేదా తిరిగి పొందండి. |
textDecorationStyle | వచన అలంకరణలో గమనించబడుతుంది విధానాన్ని అమర్చండి లేదా తిరిగి పొందండి. |
textIndent | మొదటి వచన రంగం యొక్క ఇందుకు సమీపంలో ప్రారంభించండి పద్ధతిని అమర్చండి లేదా తిరిగి పొందండి. |
textJustify | text-align యొక్క విధానం "justify" అయినప్పుడు ఉపయోగించే నిర్ధారణ పద్ధతిని అమర్చండి లేదా తిరిగి పొందండి. |
textOverflow | వచనం సంఘటనలో కలిగిన అనుకూలించబడుతుంది విధానాన్ని అమర్చండి లేదా తిరిగి పొందండి. |
textShadow | వచనం యొక్క శాడో ప్రభావాన్ని అమర్చండి లేదా తిరిగి పొందండి. |
textTransform | 设置或返回文本的大小写。 |
top | 设置或返回定位元素的顶部位置。 |
transform | 对元素应用 2D 或 3D 变换。 |
transformOrigin | 设置或返回被转换元素的位置。 |
transformStyle | మూడు డిమెన్షనల్ స్పేస్ లో నిర్వహించబడే అంశాల ప్రదర్శన పద్ధతిని సెట్ లేదా తిరిగి పొందడం |
transition | నాలుగు ట్రాన్స్ఫార్మేషన్ అంశాలను సెట్ లేదా తిరిగి పొందడం కొరకు ఒక సరళమైన అంశం |
transitionProperty | ట్రాన్సిషన్ ప్రభావం యొక్క CSS అంశాన్ని సెట్ లేదా తిరిగి పొందడం |
transitionDuration | ట్రాన్సిషన్ ప్రభావం పూర్తి అయ్యే సెకన్లను లేదా మిల్లీసెకన్లను సెట్ లేదా తిరిగి పొందడం |
transitionTimingFunction | ట్రాన్సిషన్ ప్రభావం వేగం పద్ధతిని సెట్ లేదా తిరిగి పొందడం |
transitionDelay | ట్రాన్సిషన్ ప్రభావం ప్రారంభం కోసం సెట్ లేదా తిరిగి పొందడం |
unicodeBidi | ఒకే డాక్యుమెంట్ లో అనేక భాషలను మద్దతు చేయడానికి టెక్స్ట్ ను అవర్పించాలా లేదా లేకపోవచ్చు సెట్ లేదా తిరిగి పొందడం |
userSelect | అంశం లోని విషయం నిర్వహణను సెట్ లేదా తిరిగి పొందడం |
verticalAlign | అంశం లోని విషయం పైన గల గరిష్ట ప్రాధాన్యతను సెట్ లేదా తిరిగి పొందడం |
visibility | అంశం దృశ్యం సెట్ లేదా తిరిగి పొందడం |
whiteSpace | టెక్స్ట్ లో టేబులేట్, నోట్లేదా స్పేస్ లను ఎలా నిర్వహించాలో సెట్ లేదా తిరిగి పొందడం |
width | అంశం వెడల్పును సెట్ లేదా తిరిగి పొందడం |
wordBreak | నాన్ CJK రచనాలకు సంబంధించిన పదబంధం పద్ధతిని సెట్ లేదా తిరిగి పొందడం |
wordSpacing | పదాల అంతరాన్ని సెట్ లేదా తిరిగి పొందడం |
wordWrap | దీర్ఘమైన, అనదించని పదాలను మార్పిడి చేయడానికి మరియు తదుపరి పదానికి మార్పిడి చేయడానికి అనుమతిస్తుంది. |
widows | పేజీ పైభాగంలో కనిపించే అంశం కోసం కనీస పద్ధతి సెట్ లేదా తిరిగి పొందడం |
zIndex | పోజిషన్ అంశం యొక్క స్టాక్ క్రమాన్ని సెట్ లేదా తిరిగి పొందడం |
Style ఆబ్జెక్ట్ ను పొందడం
డాక్యుమెంట్ హెడ్ భాగం లేదా ప్రత్యేక హెచ్ఎంఎల్ అంశం నుండి Style ఆబ్జెక్ట్ ను పొందవచ్చు.
ఉదాహరణ 1
డాక్యుమెంట్ హెడ్ భాగం నుండి స్టైల్ ఆబ్జెక్ట్ ను పొందడం
var x = document.getElementsByTagName("STYLE");
ఉదాహరణ 2
పేరుబట్టిన అంశం స్టైల్ ఆబ్జెక్ట్ ను పొందడం
var x = document.getElementById("myH1").style;
Style ఆబ్జెక్ట్ సృష్టించడం
ఉదాహరణ 1
మీరు document.createElement() పద్ధతిని ఉపయోగించవచ్చు <style> మొక్కను సృష్టించడానికి:
var x = document.createElement("STYLE");
ఉదాహరణ 2
మీరు ప్రస్తుత కొత్త పరిమితిని స్టైల్ గుణాలను అమర్చవచ్చు:
document.getElementById("myH1").style.color = "red";
సంబంధిత పేజీలు
HTML శిక్షణాలు:HTML CSS
CSS శిక్షణాలు:CSS శిక్షణాలు
HTML సందర్భాల పరిశీలన:HTML <style> టాగ్
CSS సందర్భాల పరిశీలన:CSS గుణాలు
- ముందు పేజీ HTML DOMTokenList
- తరువాత పేజీ API కాన్వాస్