border-color प्रॉपर्टी का उपयोग
border-color प्रॉपर्टी का उपयोग एक साथ चारों बॉर्डर्स (टॉप, राइट, बॉटम, लेफ्ट) का रंग सेट करने के लिए किया जाता है। यह 1 से 4 मान स्वीकार करती है (क्लॉकवाइज: टॉप, राइट, बॉटम, लेफ्ट)।
मानों का क्रम
- 1 मान: सभी चारों बॉर्डर्स के लिए समान रंग
- 2 मान: पहला टॉप/बॉटम, दूसरा राइट/लेफ्ट
- 3 मान: पहला टॉप, दूसरा राइट/लेफ्ट, तीसरा बॉटम
- 4 मान: टॉप, राइट, बॉटम, लेफ्ट (क्लॉकवाइज)
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
p {
border-style: dashed;
border-color: #808000 #800000 #FF0000 #FFFF00;
}
</style>
</head>
<body>
<p>This is demo text with four colored border.</p>
</body>
</html>यहां: टॉप=#808000 (ऑलिव), राइट=#800000 (मैरून), बॉटम=#FF0000 (लाल), लेफ्ट=#FFFF00 (पीला)।
