] यह सीमा छद्म-तत्वों का उपयोग किए बिना बनाई जा सकती है, बल्कि एक रैखिक ढाल के साथ सीमा-छवि संपत्ति को नियोजित करके। यहाँ यह कैसे प्राप्त किया जाए:

स्पष्टीकरण

.fancy-border {
  width: 150px;
  height: 150px;
  text-align: center;
  border-top: 5px solid;
  border-image: linear-gradient(to right, grey 25%, yellow 25%, yellow 50%, red 50%, red 75%, teal 75%) 5;
}

  my content

सीमा-टॉप संपत्ति div की शीर्ष सीमा को परिभाषित करती है। यह एक रैखिक ढाल का संदर्भ देता है जो सीमा की चौड़ाई को फैलाता है, रंगों के साथ रंगों के साथ ग्रे, पीले, लाल और चैती के बीच वैकल्पिक। पिक्सेल।