venerdì 25 Settembre 2020

Download in corso

Softwareone.it

11-01-2019

box-sizing Scrool Orizzontale HTML5

L’HTML5 è un linguaggio di markup per la strutturazione delle pagine web, pubblicato come W3C Recommendation da ottobre 2014.

Struttura

<article class="item thumb" data-width="282">
        <h2>You really got me</h2>
    <a href="images/fulls/01.jpg">
        <img src="images/thumbs/01.jpg" alt="" width="118" height="88">
     </a>
</article>

La proprietà box-sizing viene utilizzato per indicare al browser quali sono le proprietà di ridimensionamento (larghezza e altezza)

box-sizing

*
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

Ogni Article richiama una determinate classe “item”

.thumb
{
    display: block;
    position: relative;
    background: #1a1f2c;
    background: rgba(255,255,255,0.25);
}

Esempio

Download

https://it.wikipedia.org/wiki/HTML5

Lascia un commento

Pubblicità