Scheda Layout

Applicare attributi e proprietà HTML.

Nota: Precedenza

Gli attributi delle impostazioni di altri componenti hanno la precedenza sugli attributi HTML configurati nella scheda Layout.

Per alcuni componenti, i CSS possono essere configurati direttamente nella scheda Layout. Se si aggiungono più attributi nello stesso campo 'Valore attributo', devono essere separati da un punto e virgola (;).

Immagine che mostra la configurazione di un attributo HTML nella scheda Layout

Per i CSS completi, è necessario utilizzare un componente HTML.

Elemento HTML

Supporto CSS per componente (non esaustivo)

CSS supportato	CSS non supportato
Campo di testo	Data
Ricerca tabella	Area di testo
E-mail	Valuta
Numero
Password
Numero di telefono
Campo indirizzo

Elenco delle proprietà CSS supportate (non esaustivo)

Proprietà CSS	Descrizione	Esempio di utilizzo
background-color	Specifica il colore di sfondo di un elemento	Copia `background-color: #BED500;`
background-position	Imposta la posizione iniziale di un'immagine di sfondo	Copia `background-position: 50% 10%;`
background-repeat	Specifica se e come l'immagine di sfondo verrà ripetuta	Copia `background-repeat: no-repeat;`
background-size	Specifica la dimensione di un'immagine di sfondo	Copia `background-repeat: no-repeat;`
border-color	Imposta il colore di sfondo di un elemento	Copia `border-color: #595959;`
border-radius	Definisce il raggio degli angoli dell'elemento. Questa proprietà consente di aggiungere angoli arrotondati agli elementi.	Copia `border-radius: 24px;`
border-style	Imposta lo stile dei quattro bordi di un elemento	Copia `border-style: solid;`
border-width	Imposta lo spessore dei quattro bordi di un elemento	Copia `border-width: 10px;`
color	Specifica il colore del testo	Copia `color: white;`
cursor	Specifica il cursore del mouse da visualizzare quando si sposta il puntatore del mouse su un elemento	Copia `cursor: pointer;`
display	Specifica il tipo di riquadro di rendering di un elemento	Copia `display: block;`
font-size	Imposta la dimensione di un carattere	Copia `font-size: 16px;`
height	Imposta l'altezza di un elemento	Copia `height: 20px;`
margin	Imposta i margini di un elemento	Copia `margin: 4px 4px;`
padding	Imposta la spaziatura per tutti e quattro i lati di un elemento	Copia `padding: 2px 2px;`
position	Specifica il tipo di metodo di posizionamento utilizzato per un elemento.	Copia `position: relative;`
text-decoration	Specifica la decorazione aggiunta al testo	Copia `text-decoration: line-through;`
vertical-align	Imposta l'allineamento verticale di un elemento	Copia `vertical-align: center;`
width	Imposta la larghezza di un elemento	Copia `width: 100px;`