Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

सीएसएस में वस्तु-स्थिति संपत्ति

<घंटा/>

ऑब्जेक्ट-पोज़िशन प्रॉपर्टी का इस्तेमाल यह निर्दिष्ट करने के लिए किया जाता है कि हमें इमेज या वीडियो को अपने बॉक्स के अंदर कैसे रखना चाहिए।

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
img.demo {
   width: 200px;
   height: 200px;
   object-fit: none;
   object-position: 10px 20%;
   border: 2px dashed yellow;
}
</style>
</head>
<body>
<h2>Demo Heading</h2>
<img class="demo" src="https://www.tutorialspoint.com/memcached/images/memcached-mini-logo.jpg" alt="Memcached" width="400" height="250">
<h2>Memcached Tutorial</h2>
<img src="https://www.tutorialspoint.com/memcached/images/memcached-mini-logo.jpg" alt="Memcached" width="300" height="250">
</body>
</html>

आउटपुट

सीएसएस में वस्तु-स्थिति संपत्ति


  1. CSS में टेक्स्ट-जस्टिफाई प्रॉपर्टी

    CSS में टेक्स्ट-जस्टिफाई प्रॉपर्टी का इस्तेमाल टेक्स्ट के जस्टिफिकेशन मेथड को सेट करने के लिए किया जाता है, जब टेक्स्ट-एलाइन प्रॉपर्टी को जस्टिफाई वैल्यू पर सेट किया जाता है। संपत्ति के मूल्य निम्नलिखित हैं - text-justify: auto|inter-word|inter-character|none|initial|inherit; उदाहरण आइए अब CSS में

  1. सीएसएस सही संपत्ति

    तत्व की क्षैतिज स्थिति निर्धारित करने के लिए सही गुण का उपयोग किया जाता है। इसे - . के रूप में सेट किया गया है right: auto|length|initial|inherit; उदाहरण आइए CSS में सही प्रॉपर्टी को लागू करने के लिए एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> div {    

  1. CSS में कलर प्रॉपर्टी सेट करना

    हम CSS का उपयोग करके टेक्स्ट, बॉर्डर और तत्वों की पृष्ठभूमि के लिए रंगों को परिभाषित कर सकते हैं। किसी तत्व के टेक्स्ट रंग को निर्दिष्ट करने के लिए रंग गुण का उपयोग किया जाता है। सिंटैक्स CSS कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता {रंग:/*मान*/} निम्नलिखित उदाहरण CSS रंग संपत्ति को दर्शा