CSS border प्रॉपर्टी से बटन पर रंगीन बॉर्डर जोड़ें

CSS border प्रॉपर्टी का उपयोग करके बटन (या किसी भी तत्व) पर रंगीन बॉर्डर जोड़ा जा सकता है। बॉर्डर की चौड़ाई, शैली (सॉलिड, डैश्ड, डॉटेड, आदि), और रंग निर्दिष्ट किए जा सकते हैं।

उदाहरण

नीचे दिए गए उदाहरण में, बटन पर border: 3px dashed blue लागू करके 3 पिक्सेल चौड़ा नीला डैश्ड बॉर्डर जोड़ा गया है।

<!DOCTYPE html>
<html>
<head>
  <style>
    .button {
      background-color: yellow;
      color: black;
      text-align: center;
      font-size: 15px;
      padding: 20px;
      border-radius: 15px;
      border: 3px dashed blue;
    }
  </style>
</head>
<body>
  <h2>Result</h2>
  <p>Click below for result:</p>
  <button class="button">Result</button>
</body>
</html>

border शॉर्टहैंड सिंटैक्स: border: width style color;

width: thin, medium, thick, या लंबाई (3px)
style: solid, dashed, dotted, double, groove, ridge, inset, outset, none, hidden
color: कोई भी वैध CSS रंग मान

व्यक्तिगत प्रॉपर्टीज: border-width, border-style, border-color, और प्रत्येक तरफ के लिए border-top, border-right, आदि।