डबल डैश वाली सीमा को कैसे सक्षम करें?

Question

जब मैं इस टाइप करें:

<style> 
     .tavit{ 
      width:400px; 
      height:300px; 
      background-color:yellow; 
      border:dashed; /*First I applied - border:dashed double (In order to get a double dashed border - but it didn't work for some reason*/ 
      border-style:double; 
      margin:auto; 
      font-size:medium; 
      text-align:right; 
     } 
     .adom { 
      color: red; 
      font-size: xx-large; 
      text-align: center; 
     } 
    </style> 

कुछ भी नहीं काम करता है। यह एक या दूसरे की तरह है। मैं क्या खो रहा हूँ? धन्यवाद

Answer 1

आप बाहरी और आंतरिक div बना सकते हैं और दोनों को सीमा दे सकते हैं।

div { 
 
    border: 1px dashed black; 
 
} 
 

 
.outer { 
 
    padding: 5px; 
 
}

<div class="outer"> 
 
    <div class="inner">Long long long text</div> 
 
</div>

Answer 2

आप बस एक div साथ इसे ठीक कर सकते हैं, तो आप रूपरेखा और सीमा का उपयोग कर सकते, तो outline-offset संपत्ति का उपयोग

.test { 
 
    background:white; 
 
    padding:15px; 
 
    border:1px dashed #000; 
 
    outline:1px dashed #000; 
 
    outline-offset:-5px; 
 
}

<div class="test">see this</div>

Answer 3

कोई border-style as dashed double नहीं है ,
लेकिन border-style:double संपत्ति two border दे लेकिन solid लाइनों के रूप में है, तो आप pseudo selector का उपयोग करें और घोषित सीमा शैली कर सकते हैं: दोनों के रूप में नीचे पर धराशायी,

.tavit { 
 
    width: 400px; 
 
    height: 300px; 
 
    background-color: yellow; 
 
    border: dashed; 
 
    border-style: dashed; 
 
    margin: auto; 
 
    font-size: medium; 
 
    text-align: right; 
 
    position: relative; 
 
} 
 
    
 
.tavit:before { 
 
    content: ""; 
 
    width: 94%; 
 
    height: 280px; 
 
    border-style: dashed; 
 
    position: absolute; 
 
    left: 2%; 
 
    top: 8px; 
 
}

<div class="tavit"> 
 

 
</div>