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

CSS में एक ही स्टेटमेंट में आउटलाइन की चौड़ाई, लाइन स्टाइल और कलर प्रॉपर्टीज सेट करें

outline प्रॉपर्टी एक शॉर्टहैंड प्रॉपर्टी है जो आपको आउटलाइन की चौड़ाई, लाइन स्टाइल और कलर जैसी कई प्रॉपर्टीज के मान निर्दिष्ट करने की अनुमति देती है।

उदाहरण

<html>    <head>    </head>    <body>       <p style = "outline:thin solid green;">          This text is having thin solid freen outline.       </p>       <br />       <p style = "outline:thick dashed #009900;">          This text is having thick dashed green outline.       </p>       <br />       </p>    </body> </html>
  1. - CSS से पेजिनेशन (पृष्ठांकन) स्टाइल करें

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

  1. CSS में width और height प्रॉपर्टीज CSS में width और height प्रॉपर्टीज

    हम एलिमेंट के कंटेंट के लिए विशेष रूप से ऊंचाई और चौड़ाई परिभाषित कर सकते हैं, हालांकि ये प्रॉपर्टीज मार्जिन, पैडिंग या बॉर्डर को शामिल नहीं करती हैं। सिंटैक्स CSS height प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {    height: /*value*/ } CSS width प्रॉपर्टी का सिंटैक्स निम्नानुसार है:

  1. CSS से आउटलाइन बटन कैसे स्टाइल करें? CSS से आउटलाइन बटन कैसे स्टाइल करें?

    CSS से आउटलाइन बटन स्टाइल करने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> button {    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, san