एचटीएमएल डॉम स्टाइल ऑब्जैक्ट

स्टाइल ऑब्जेक्ट

स्टाइल ऑब्जेक्ट एक अलग स्टाइल घोषणा का प्रतिनिधित्व करता है

स्टाइल ऑब्जेक्ट गुण

गुण वर्णन
alignContent सेट या वापस करें अलसावर्ती कंटेनर में पंक्तियों के बीच के अनुरूपी रखाव, जब प्रोजेक्ट उपलब्ध स्थान का सभी लाभ नहीं लेता है
alignItems सेट या वापस करें अलसावर्ती कंटेनर में प्रोजेक्ट के अनुरूपी रखाव
alignSelf सेट या वापस करें अलसावर्ती कंटेनर में चयनित प्रोजेक्ट के अनुरूपी रखाव
animation सभी एनीमेशन गुणों का लघुरूप, animationPlayState गुण को छोड़कर
animationDelay सेट या वापस करें एनीमेशन कब शुरू होना है
animationDirection सेट या वापस करें एनीमेशन को एक विक्लीप में उलटी रूप से चलाने चाहे या नहीं
animationDuration सेट या वापस करें एनीमेशन एक चक्र पूरा करने के लिए ज़रूरी सेकंड या मिलीसेकंड
animationFillMode सेट या वापस करें एनीमेशन के अधिकतर समय के बाहर लागू करने वाला मान
animationIterationCount सेट या वापस करें एनीमेशन चलाने की बार
animationName सेट या वापस करें @keyframes एनीमेशन का नाम
animationPlayState सेट या वापस करें एनीमेशन चल रही है या रुकी है
animationTimingFunction सेट या वापस करें एनीमेशन की गति कर्ण
background एक ही वाक्य में सभी पृष्ठभूमि गुण सेट या वापस करें
backgroundAttachment सेट या वापस करें पृष्ठभूमि इमेज को निष्क्रिय है या पृष्ठभूमि के साथ रोल करता है
backgroundClip सेट या वापस करें पृष्ठभूमि के ड्राइंग क्षेत्र
backgroundColor सेट या वापस करें एलिमेंट के पृष्ठभूमि रंग
backgroundImage सेट या वापस करें एलिमेंट के पृष्ठभूमि इमेज
backgroundOrigin backgroundClip
बैकग्राउंड इमेज के स्थानांतरण क्षेत्र सेट करें या वापस करें। backgroundPosition
बैकग्राउंड इमेज के प्रारंभिक स्थान सेट करें या वापस करें। backgroundRepeat
बैकग्राउंड इमेज को कैसे दोहराना (टैटरिंग) है, सेट करें या वापस करें। 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 डॉटरेंट और :after फॉन्ट इकोन के साथ उत्पन्न सामग्री को घुसाएं.
काउंटर इनक्रीमेंट एक या अधिक काउंटर को बढ़ाएं.
काउंटर रीसेट एक या अधिक काउंटर को रीसेट करें.
कर्सर माउस पॉइंटर के लिए प्रदर्शित होने वाले कर्सर को सेट करें.
डायरेक्शन टेक्स्ट की दिशा को सेट करें या वापस करें.
डिस्प्ले एलिमेंट के प्रदर्शन प्रकार को सेट करें या वापस करें.
एम्प्टी सेल्स खाली कोष्ठ के बॉर्डर और पृष्ठभूमि को दिखाने के लिए सेट करें या नहीं.
फिल्टर इमेज के लिए फिल्टर (विजुअल इफेक्ट्स, जैसे ब्लर और सेट फैक्टर) को सेट करें या वापस करें.
फ्लेक्स आइटम की लंबाई को सेट करें या वापस करें - अन्य भागों के संबंध में.
फ्लेक्स बेसिस फ्लेक्स आइटम की प्रारंभिक लंबाई को सेट करें या वापस करें.
फ्लेक्स डायरेक्शन फ्लेक्स आइटम के दिशा को सेट करें या वापस करें.
फ्लेक्स फ्लो फ्लेक्स डायरेक्शन और फ्लेक्स व्रैप के लिए शॉर्ट हैंडल.
फ्लेक्स ग्रोव अन्य आइटमों के बाद आने वाले आइटम के लिए अधिकता को सेट करें या वापस करें.
फ्लेक्स श्रींक अन्य आइटमों के बाद आने वाले आइटम के लिए अधिकता को सेट करें या वापस करें.
फ्लेक्स व्रैप फ्लेक्स आइटम को ब्रेक लाने को सेट करें या वापस करें.
सीएसएस फ्लोट एलिमेंट के होरिज़ोन्टल अनुरूपता को सेट करें या वापस करें.
फ़ॉन्ट फ़ॉन्ट एट्रिब्यूट को एक ही घोषणा में सेट करें या वापस करें.
फ़ॉन्ट फैमिली टेक्स्ट के फॉन्ट कुलेक्षा को सेट करें या वापस करें.
फ़ॉन्ट साइज टेक्स्ट के फॉन्ट साइज को सेट करें या वापस करें.
फ़ॉन्ट स्टाइल फॉन्ट के शैली को सेट करें या वापस करें - नोर्मल, इटालिक या ओब्लिक.
फ़ॉन्ट वेरिएंट फॉन्ट के लिए न्यूनतम आदर्श अक्षर लेट के रूप में प्रदर्शित करने को सेट करें या नहीं.
फ़ॉन्ट वेट फॉन्ट की गहनाई को सेट करें या वापस करें.
फ़ॉन्ट साइज़ एडजस्ट फॉन्ट रिवर्स के दौरान टेक्स्ट की पठनीयता बनाए रखने के लिए.
फ़ॉन्ट स्ट्रेच फ़ॉन्ट सीरीज के लिए फॉन्ट स्ट्रेच विकल्प चुनें.
हैंगिंग पन्नुक्ति बिंदुओं को रोड बॉक्स के बाहर रखने के लिए निर्धारित करें या नहीं.
हाईट एलिमेंट की ऊंचाई को सेट करें या वापस करें.
हाइफेन्स सब्डिवाइस को विभाजित करने के तरीके को सेट करें ताकि सब्डिवाइस के लेआउट को सुधारा जा सके.
आइकॉन लेखक को एलिमेंट के स्टाइल को लॉगो इकवालेंट के द्वारा सेट करने की समर्थन देता है.
इमेजओरिएंटेशन इमेज के लिए उपयोग करने वाले यूजर एजेंट के लिए दायां या दक्षिणांत दिशा का रोटेशन निर्धारित करें.
इसोलेशन एलिमेंट के लिए नया स्टैकिंग कंटेंट बनाना आवश्यक है कि नहीं है इसे निर्धारित करें.
जस्टीफाइ जब प्रोजेक्ट अवैध्यमान अंतर्विन्यास का पूरा उपयोग न करता है, तो एलिमेंट के बीच की एलिमेंटों के अनुरूपता को सेट करें या वापस करें.
लेफ्ट सेट किंवा वापरकर्ता एक्सिसेबल एलिमेंट के लेफ्ट स्थान को वापस करें.
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 एलीमेंट के अंदर पेजब्रेक व्यवहार को सेट करें या वापस करें。
perspective 3D एलीमेंट को कैसे देखने का दृष्टिकोण सेट करें या वापस करें。
perspectiveOrigin 3D एलीमेंट के नीचे की स्थिति को सेट करें या वापस करें。
position एलीमेंट के स्थानांतरण विधि के प्रकार को सेट करें या वापस करें (स्थायी, आपातकालीन, अभिन्न या निर्धारित)。
quotes अंतर्वाक्य के अनुवाक को सेट करें या वापस करें。
resize एलीमेंट को उपयोगकर्ता द्वारा क्या साइज़ करने की अनुमति होनी चाहिए या नहीं या सेट करें。
right स्थानित एलीमेंट के दायाँ तरफ की स्थिति को सेट करें या वापस करें。
scrollBehavior यह निर्धारित करें कि उपयोगकर्ता ने टैबल ऑफ़र लॉक में किन्हीं लिंक पर क्लिक किया तो स्मॉथ स्क्रॉलिंग लोकेशन के एनिमेशन के साथ जाएगा या सीधे जाएगा。
tableLayout टेबल कोष्ठ, पंक्ति और स्तम्भ के विन्यास को सेट करें या वापस करें。
tabSize टैब के आकार को सेट करें या वापस करें。
textAlign टेक्स्ट के आयत्ताना अनुवर्तन को सेट करें या वापस करें。
textAlignLast text-align जब "justify" होने के मामले में, ब्लॉक के अंतिम पंक्ति या मजबूरी से पहले कैसे अनुवर्तन करें या वापस करें。
textDecoration टेक्स्ट डिकोरेशन को सेट करें या वापस करें。
textDecorationColor टेक्स्ट डिकोरेशन का रंग सेट करें या वापस करें。
textDecorationLine टेक्स्ट डिकोरेशन में लाइन के प्रकार को सेट करें या वापस करें。
textDecorationStyle टेक्स्ट डिकोरेशन में लाइन के शैली को सेट करें या वापस करें。
textIndent पहले पाठ की आधार स्थिति को सेट करें या वापस करें。
textJustify text-align जब "justify" होने के मामले में कैसा अनुवर्तन वापस करें या सेट करें。
textOverflow टेक्स्ट का ओवरफ्लो करते समय क्या होना चाहिए या सेट करें。
textShadow टेक्स्ट के छाया प्रभाव को सेट करें या वापस करें。
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 एलीमेंट से पहुंच सकते हैं。

उदाहरण 1

डॉक्यूमेंट के head भाग से स्टाइल ऑब्जेक्ट को पहुंचें

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 गुण