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

CSS में बैकग्राउंड-अटैचमेंट प्रॉपर्टी का उपयोग

<घंटा/>

पृष्ठभूमि संलग्नक t प्रॉपर्टी का उपयोग बैकग्राउंड में किसी इमेज की स्क्रॉलिंग को नियंत्रित करने के लिए किया जाता है।

उदाहरण

पृष्ठभूमि-अटैचमेन . के साथ काम करने का तरीका जानने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं टी संपत्ति:

<!DOCTYPE html>
<html>
   <head>
      <style>
         body {
            background-image: url('/css/images/css.jpg');
            background-repeat: no-repeat;
            background-attachment: fixed;
         }
      </style>
   </head>
   <body>
      <p>The background-image is fixed. Try to scroll down the page.</p>
      <p>The background-image is fixed. Try to scroll down the page.</p>
      <p>The background-image is fixed. Try to scroll down the page.</p>
      <p>The background-image is fixed. Try to scroll down the page.</p>
      <p>The background-image is fixed. Try to scroll down the page.</p>
      <p>The background-image is fixed. Try to scroll down the page.</p>
      <p>The background-image is fixed. Try to scroll down the page.</p>
      <p>The background-image is fixed. Try to scroll down the page.</p>
      <p>The background-image is fixed. Try to scroll down the page.</p>
   </body>
</html>

  1. CSS में बॉर्डर-राइट-चौड़ाई प्रॉपर्टी का उपयोग

    सीमा-दाईं-चौड़ाई संपत्ति सही सीमा की चौड़ाई बदलती है। सीमा-दाईं-चौड़ाई . को लागू करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं संपत्ति उदाहरण <html>    <head>    </head>    <body>       <p style = "border-right-width

  1. CSS में बॉर्डर-राइट-स्टाइल प्रॉपर्टी का उपयोग

    बॉर्डर-राइट-स्टाइल संपत्ति सही सीमा की शैली को बदल देती है। बॉर्डर-राइट-स्टाइल . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति: उदाहरण यह डेमो सामग्री है

  1. CSS में बॉर्डर-लेफ्ट-चौड़ाई प्रॉपर्टी का उपयोग

    बॉर्डर-बाएं-चौड़ाई संपत्ति बाईं सीमा की चौड़ाई को बदल देती है। आप लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं सीमा-बाएं-चौड़ाई संपत्ति: उदाहरण <html>    <head>    </head>    <body>       <p style = "border-le