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
Eseguire operazioni sui blob con Azure Storage Actions
Utilizzare Model as a Service su Microsoft Azure
Potenziare Azure AI Search con la ricerca vettoriale
Gestione degli stili CSS con le regole @layer
Garantire la provenienza e l'integrità degli artefatti prodotti su GitHub
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Usare una container image come runner di GitHub Actions
Generare un hash con SHA-3 in .NET
Creare un webhook in Azure DevOps
Creare un'applicazione React e configurare Tailwind CSS
Disabilitare automaticamente un workflow di GitHub (parte 2)
Utilizzare Azure Cosmos DB con i vettori