Dotted ne s'ffiche pas sur mobile

Bonjour,

bonjour, pour un cadre avec un titre et un contenue.

je vous mets 2 options et vous me direz qui est mieux, mais je penses que vous allez me dire le 1 er

le 1er option

<div class="cadre_visible contenu">
<div class="titre">Information</div>
<div class="contenu">blablabla</div>
</div>

 .cadre_visible
	  {
		  border:thin dotted  #000000;
	  margin-top:10px;
	  margin-bottom:10px;
	  overflow:hidden;
	  }
	  .contenu
	  {
	  background-color:#F0F0F2;
	  }
	  	  .titre
	  {
	  border-bottom:thin dotted  #000000;
	  background-color:#BFD73B;
	  padding:5px;
	  margin:-5px;
	  margin_bottom:5px;
	  
	  }

	  .contenu
	  {
	  background-color:#F0F0F2;
	  padding:5px;
	  }

la 2 éme options :

<div class="cadre_visible">
<div class="titre">Information</div>
<div class="contenu">blablabla</div>
</div>

 .cadre_visible
	  {
		  border:thin dotted  #000000;
	  margin-top:10px;
	  margin-bottom:10px;
	  overflow:hidden;
	  }
	  .contenu
	  {
	  background-color:#F0F0F2;
	  }
	  	  .titre
	  {
	  border-bottom:thin dotted  #000000;
	  background-color:#BFD73B;
	  padding:5px;
	  }

	  .contenu
	  {
	  background-color:#F0F0F2;
	  }
 

je penses ca sera l'option 1 mais je préféres être sur

et une autre question

j'ai mis a tout mes cadres

border:thin dotted  #000000;

j'ai remarque que mon cadre n'affiche pas sur mon portable

mais si je mets

border:1px solid #000000;

là je vois le cadre

comment je peur faire pour le cadre apparaît sur les mobiles en mettant dotted

Merci