Per le dimensioni di un elemento html di tipo block occorre aver riguardo alla sua struttura, come rappresentata nella seguente immagine (tratta da mrwebmaster.it): Le dimensioni complessive dell’elemento è quindi la somma dei seguenti addendi: larghezza area contenuti, padding, border e margin, che nell’esempio qui sotto è pari ad un quadrato di lato pari a […]
Quando il browser carica la pagina, della sua struttura crea e salva in memoria un modello a forma di albero, le cui singole parti sono a loro volta degli oggetti, detti “nodi”, con metodi e proprietà, che è possibile leggere e scrivere: ogni modifica fatta nel DOM si riflette nella pagina del browser. E’ possibile […]
Allineamento orizzontale dell’elemento: Vedi risultato Test Vedi risultato Test2 Allineamento orizzontale del testo: Vedi risultato Test3 Allineamento verticale del testo e dell’elemento: Vedi risultato Test4 Vedi risultato Test5
repeating-radial-gradient() (funzione CSS) crea una “immagine” che rappresenta un gradiente di colori che si irradiano dal centro dell’immagine stessa in tutte le direzioni. Sintassi Esempi Vedi risultato in costruzione Contenuti correlati CSS HTML JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
repeating-linear-gradient() (funzione CSS) crea una “immagine” che rappresenta un gradiente ripetuto lineare di colori. Sintassi Esempi Vedi risultato in costruzione Contenuti correlati CSS HTML JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
radial-gradient() (funzione CSS) crea una “immagine” che rappresenta un gradiente di colori che si irradiano dal centro dell’immagine stessa. Sintassi Esempi Vedi risultato in costruzione Contenuti correlati CSS HTML JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
linear-gradient() (funzione CSS) crea una “immagine” che rappresenta un gradiente lineare di colori. Sintassi Esempi Vedi risultato in costruzione Contenuti correlati CSS HTML JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
calc() (funzione CSS) esegue un calcolo da utilizzare come valore nel foglio di stile. Sintassi Esempi Vedi risultato in costruzione Contenuti correlati CSS HTML JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
attr() (funzione CSS) restituisce il valore dell’attributo HTML, passatogli come argomento, degli Elementi HTML selezionati. Tale valore può quindi essere utilizzato nel foglio di stile. Sintassi Esempi Vedi risultato in costruzione Contenuti correlati CSS HTML JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
attr() calc() linear-gradient() repeating-linear-gradient() radial-gradient() repeating-radial-gradient()
z-index (proprietà CSS) imposta l’ordine della sovrapposizione degli elementi HTML. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Test1 Test2 Contenuti correlati CSS HTML JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
word-spacing (proprietà CSS) imposta lo spazio tra le parole dell’elemento HTML cui acceda. Per lo spazio tra le lettere, v. la proprietà letter-spacing e per quello tra le righe (interlinea) v. la proprietà line-height. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Test Test Test Test Test Contenuti correlati CSS line-height letter-spacing HTML JavaScript jQuery […]
width (proprietà CSS) imposta la larghezza dell’elemento HTML. In mancanza, la larghezza dell’elemento si adatta al suo contenuto. Tale proprietà deve ormai ritenersi preferibile all’omonimo attributo HTML width. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Test Contenuti correlati CSS height HTML height width JavaScript jQuery .css() .height() .innerHeight() .innerWidth() .outerHeight() .outerWidth() .width() PHP SQL […]
white-space (proprietà CSS) stabilisce come il web browser deve trattare (ossia, se rispettare o ignorare) gli spazi bianchi tra le parole e le interruzioni di riga del testo. La proprietà in oggetto può assumere i seguenti valori: – normal: gli eventuali spazi bianchi, supplementari a uno, presenti tra le parole e/o le interruzioni di riga […]
visibility (proprietà CSS) imposta la visibilità o meno dell’elemento HTML. Sintassi valore descrizione XXX XXX Esempi Vedi risultato testo invisibile testo visibile Contenuti correlati CSS HTML JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
vertical-align (proprietà CSS) imposta l’allineamento verticale dell’elemento HTML di tipo inline. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Test1 Contenuti correlati CSS HTML JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
user-select (proprietà CSS) specifica se l’utente può o non può selezionare l’Elemento (generalmente un testo). Sintassi valore descrizione XXX XXX Esempi Vedi risultato questo testo è selezionato tutto questo testo non può essere selezionato Contenuti correlati CSS HTML JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
top (proprietà CSS) imposta la distanza dall’alto dell’Elemento cui acceda. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Contenuti correlati CSS bottom left position right HTML JavaScript jQuery .offset() .position() PHP SQL WORDPRESS Fonti esterne in costruzione
text-transform (proprietà CSS) imposta il testo in maiuscolo, minuscolo, prima lettera di ogni parola in maiuscolo, dell’elemento HTML. Imposta le maiuscole e minuscole del testo e la prima lettera di ogni parola in maiuscolo, rispettivamente in base ai valori uppercase, lowercase e capitalize. Per il maiuscoletto, vedi invece la proprietà font-variant. Sintassi valore descrizione XXX […]
text-shadow (proprietà CSS) imposta l’ombreggiatura del testo dell’elemento HTML. Imposta l’ombreggiatura del testo, con relativa espansione e colore, ponendola a destra o sinistra nonché in alto o in basso del testo stesso. Analoga funzione ha la proprietà box-shadow relativamente agli elementi diversi testo. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Testo 1 Testo 1 […]
text-indent (proprietà CSS) imposta l’indentazione della prima riga del testo dell’elemento HTML. Ciò in base al valore in percentuale oppure in unità di misura numerica (pixel). Sintassi valore descrizione XXX XXX Esempi Vedi risultato Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim […]
text-decoration (proprietà CSS) imposta la decorazione (normale, sottolineato, barrato, sopralineato) del testo dell’elemento HTML. Ciò in base ai seguenti valori: none (testo normale, come da default), underline (testo sottolineato), overline (testo con una linea sopra), line-through (testo barrato), initial (testo con le proprietà iniziali di default). Sintassi valore descrizione XXX XXX Esempi Vedi risultato test1 […]
text-align (proprietà CSS) imposta l’allineamento dell’ultima riga del testo dell’Elemento HTML. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. […]
right (proprietà CSS) imposta la distanza da destra dell’Elemento cui acceda. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Contenuti correlati CSS bottom left position top HTML JavaScript jQuery .offset() PHP SQL WORDPRESS Fonti esterne in costruzione
resize (proprietà CSS) imposta, unitamente all’ulteriore proprietà overflow con valore auto, il ridimensionamento -in senso orizzontale, verticale o entrambi- dell’Elemento HTML cui afferisca. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Box 1 Box 2 Box 3 Contenuti correlati CSS HTML JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
position (proprietà CSS) imposta il tipo di posizionamento nella pagina dell’elemento HTML. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Posizione naturale Test4 Test4 bis position: absolute La proprietà position:absolute stabilisce la posizione dell’elemento a partire dalla posizione (relativa) dell’elemento suo immediato ascendente, in base alle ulteriori proprietà bottom, left, right e top. Vedi risultato […]
perspective (proprietà CSS) stabilisce la prospettiva di un Elemento HTML. Sintassi valore descrizione XXX XXX Esempi Vedi risultato in costruzione Contenuti correlati CSS HTML JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
padding-top (proprietà CSS) imposta la quantità di spazio minimo tra il contenuto di un Elemento e il suo bordo superiore. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Test Contenuti correlati CSS HTML JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
padding-right (proprietà CSS) imposta la quantità di spazio minimo tra il contenuto di un Elemento e il suo bordo destro. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Test Contenuti correlati CSS HTML JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
padding-left (proprietà CSS) imposta la quantità di spazio minimo tra il contenuto di un Elemento e il suo bordo sinistro. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Test Contenuti correlati CSS HTML JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
padding-bottom (proprietà CSS) imposta la quantità di spazio minimo tra il contenuto di un Elemento e il suo bordo inferiore. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Test Contenuti correlati CSS HTML JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
padding (proprietà CSS) imposta, con sintassi abbreviata, la quantità di spazio minimo tra il contenuto di un Elemento e i suoi i bordi superiore, destro, inferiore e sinistro (nell’ordine). Le proprietà padding impostano la quantità di spazio minimo (non massimo) da inserire tra l’oggetto e il bordo o, se non è presente un bordo, tra […]
overflow (proprietà CSS) imposta le dimensioni dell’elemento HTML nel caso in cui questo superi quelle del boxmodel in cui si trovi. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud […]
opacity (proprietà CSS) imposta il livello di trasparenza dell’elemento HTML, rendendolo sfumato cioè riducendo la sua opacità massima, pari ad 1 di default. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Sofferma il mouse su questo testo (opaco). Contenuti correlati CSS HTML JavaScript jQuery .fadeIn() .fadeOut() .fadeTo() .fadeToggle() PHP SQL WORDPRESS Fonti esterne in costruzione
margin-right (proprietà CSS) imposta la larghezza del margine destro dell’elemento HTML. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Test Contenuti correlati CSS HTML JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
margin-top (proprietà CSS) imposta la larghezza del margine superiore dell’elemento HTML. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Test Contenuti correlati CSS HTML JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
margin-left (proprietà CSS) imposta la larghezza del margine sinistro dell’elemento HTML. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Test Contenuti correlati CSS HTML JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
margin-bottom (proprietà CSS) imposta la larghezza del margine inferiore dell’elemento HTML. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Test Contenuti correlati CSS HTML JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
margin (proprietà CSS) imposta, con sintassi abbreviata, la larghezza dei margini (nell’ordine) superiore, destro, inferiore e sinistro dell’elemento HTML. tips&tricks Le proprietà margin stabiliscono gli spazi attorno ai bordi degli elementi, secondo il valore auto (il margine è calcolato dal browser), inherit (ereditato), oppure indicandolo in percentuale, px, pt, cm, ecc. (eventualmente con numero negativo). […]
list-style-type (proprietà CSS) imposta il tipo di voce dell’elenco puntato o numerato dell’elemento HTML. Ciò avviene attraverso i seguenti valori, che stabiliscono il tipo di marker dell’elenco: circle (cerchio vuoto), disc (cerchio pieno), square (quadrato), lower-alpha (a,b,c..,), upper-alpha (A,B,C…), lower-roman (i,ii,iii…), upper-roman (I,II,III…), none (nessun marker). Sintassi valore descrizione XXX XXX Esempi Vedi risultato voce […]
list-style-position (proprietà CSS) imposta la posizione (all’interno o all’esterno dei flussi dei contenuti) le voci dell’elenco puntato o numerato dell’elemento HTML. Ciò avviene attraverso i valori inside e outside (default). Sintassi valore descrizione XXX XXX Esempi Vedi risultato voce 1 voce 2 voce 1 voce 2 Contenuti correlati CSS list-style list-style-image list-style-type HTML <li> <ol> […]
list-style-image (proprietà CSS) imposta un’immagine come marcatore delle voci dell’elenco puntato o numerato dell’elemento HTML. Sintassi valore descrizione XXX XXX Esempi Vedi risultato voce 1 voce 2 Contenuti correlati CSS list-style list-style-position list-style-type HTML <li> <ol> <ul> JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
list-style (proprietà CSS) imposta, con sintassi abbreviata, le proprietà -type, -position, -image (nell’ordine) dell’elenco puntato o numerato dell’elemento HTML. Se uno di questi valori manca, viene applicato lo stile di default. Sintassi valore descrizione XXX XXX Esempi Vedi risultato voce 1 voce 2 Contenuti correlati CSS list-style-image list-style-position list-style-type HTML <li> <ol> <ul> JavaScript jQuery […]
line-height (proprietà CSS) imposta l’interlinea del testo dell’elemento HTML. Per quanto riguarda i valori della proprietà, l’interlinea del testo può essere un numero (che viene moltiplicato per il valore del font-size), o una percentuale, pixel o cm, ecc. Per lo spazio tra le parole, v. la proprietà word-spacing e per quello tra le lettere v. […]
letter-spacing (proprietà CSS) imposta lo spazio tra le lettere delle parole dell’elemento HTML cui acceda. Per lo spazio tra le parole, v. la proprietà word-spacing e per quello tra le righe (interlinea) v. la proprietà line-height. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Test Test Test Test Test Contenuti correlati CSS line-height word-height HTML […]
left (proprietà CSS) imposta la distanza da sinistra dell’Elemento cui acceda. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Contenuti correlati CSS bottom position right top HTML JavaScript jQuery .offset() .position() PHP SQL WORDPRESS Fonti esterne in costruzione
height (proprietà CSS) imposta l’altezza dell’elemento HTML. In mancanza, l’altezza dell’elemento si adatta al suo contenuto. Tale proprietà CSS deve ormai ritenersi preferibile all’omonimo attributo HTML height. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Test Contenuti correlati CSS width HTML height width JavaScript jQuery .css() .height() .innerHeight() .innerWidth() .outerHeight() .outerWidth() .width() PHP SQL WORDPRESS […]
font-weight (proprietà CSS) imposta il peso ovvero lo spessore del carattere del testo (ad es., grassetto) dell’elemento HTML. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Test1 Test2 Contenuti correlati CSS HTML <b> <strong> JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione
font-variant (proprietà CSS) imposta in maiuscoletto il carattere del testo dell’elemento HTML. Per il maiuscolo, v. la proprietà CSS text-transform Sintassi valore descrizione XXX XXX Esempi Vedi risultato Test1 Test2 Contenuti correlati CSS text-transform HTML JavaScript jQuery PHP lcfirst() strtolower() strtoupper() ucfirst() ucwords() SQL WORDPRESS Fonti esterne in costruzione
font-style (proprietà CSS) imposta lo stile (corsivo, normale, obliquo) del carattere del testo dell’elemento HTML. Sintassi valore descrizione XXX XXX Esempi Vedi risultato Test1 Test2 Test3 Contenuti correlati CSS HTML <i> <em> JavaScript jQuery PHP SQL WORDPRESS Fonti esterne in costruzione