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

CSS के साथ आउटलाइन के लिए लाइन स्टाइल सेट करें

outline-style प्रॉपर्टी उस लाइन के लिए स्टाइल निर्दिष्ट करती है जो किसी एलिमेंट के चारों ओर जाती है।

उदाहरण

आप outline-style प्रॉपर्टी लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं:

<html>    <head>    </head>    <body>       <p style = "outline-width:thin; outline-style:solid;">          This text is having thin solid outline.       </p>       <br />       <p style = "outline-width:thick; outline-style:dashed;">          This text is having thick dashed outline.       </p>       <br />       <p style = "outline-width:5px;outline-style:dotted;">          This text is having 5x dotted outline.       </p>    </body> </html>
  1. - CSS से एनिमेशन के लिए फिल-मोड कैसे सेट करें

    CSS के साथ एनिमेशन के लिए फिल-मोड सेट करने के लिए animation-fill-mode प्रॉपर्टी का उपयोग करें। इसके वैल्यूज़ हैं forwards, backward, both दोनों दिशाओं के लिए, आदि। एनिमेशन के लिए फिल-मोड सेट करने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>  

  1. - CSS से एनिमेशन शुरू होने में देरी सेट करें

    CSS के साथ एनिमेशन शुरू होने में देरी सेट करने के लिए animation-delay प्रॉपर्टी का उपयोग करें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             width: 150px;  

  1. - CSS से पेजिनेशन (पृष्ठांकन) स्टाइल करें

    CSS में पेजिनेशन (पृष्ठ संख्या नेविगेशन) को स्टाइल करने के लिए लिंक्स (<a>) को display: inline-block या फ्लेक्सबॉक्स में व्यवस्थित करके पैडिंग, रंग, होवर प्रभाव, और एक्टिव स्टेट लागू किया जाता है। उदाहरण नीचे दिए गए उदाहरण में, बेसिक पेजिनेशन स्टाइलिंग: लाल लिंक्स, पैडिंग, फ्लोट लेफ्ट लेआउट।