Elemento html con bordo interno

spacca!  0 scarso!  0 versione stampa invia per email scheda utente totale visite  1646
Creiamo un conternitore con un bordo interno tramite la proprietà box-sizing dei CSS3.
Il seguente contenitore manterrà la lunghezza stabilita di 100px compresi i bordi aggiunti dal css
<style type="text/css">
    div.bordo_interno {    
        width:100px;
        border:1px solid black; 
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
        text-align: center;
    }
</style>
<div class="bordo_interno">
    <p>Contenitre da 100px con box-sizing</p>    
</div>
 
 

Inserisci un commento

non sei loggato

CAPTCHA