CSS3 consente di controllare in modo molto preciso lo sfondo degli elementi della pagina.
Tra le nuove proprietà introdotte troviamo background-clip che consente di specificare quale sarà l'area interessata dallo sfondo. I valori disponibili sono:
- border-box: lo sfondo verrà disegnato a partire dal bordo (il bordo sovrasta comunque lo sfondo)
- padding-box: lo sfondo verrà disegnato a partire dalla spaziatura interna dell'elemento
- content-box: lo sfondo verrà disegnato a partire dal contenuto
Lo stile presentato nell'esempio seguente mostra in modo evidente i diversi risultati che si possono ottenere utilizzando la proprietà background-clip:
div { color: #000; padding: 20px; border: 10px dotted #f00; background-color: yellow; } div.borderBox { background-clip: border-box; } div.paddingBox { background-clip: padding-box; } div.contentBox { background-clip: content-box; }
Le specifiche complete per gli sfondi e i bordi di CSS3 sono disponibili all'indirizzo http://www.w3.org/TR/css3-background/
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare i nuovi piani dedicati di Azure Container Apps
Utilizzare parametri a livello di controller nel routing di ASP.NET Core
Condividere i workflow tra più repository in GitHub
Montare blob e file share su Azure App Service
3 metodi JavaScript che ogni applicazione web dovrebbe contenere - Parte 2
Effettuare il download di un file via FTP con la libreria FluentFTP di .NET
Confronto tra moduli in Javascript: ES e commonJS
Organizzare i moduli sfruttando CommonJS
Pubblicare la documentazione di un repository con GitHub Pages
Gestire i file esterni in una PWA
Ottenere il riferimento alla finestra che ha aperto un'altra finestra con HTML5 e JavaScript
Effettuare il pull di git LFS in un workflow di GitHub