Latest web development tutorials

CSS Text (testo)

Text Format

Il presente testo è in stile il con alcuni il testo proprietà di formattazione. A La voce gli usi del The text-align = left, text-the Transform, e delle proprietà del colore. Al paragrafo viene rientrato, la allineati, e al The Space BETWEEN caratteri è specificato. A La sottolineatura viene rimossa dal at The " provare " link.

Colore testo

attributo colore è utilizzato per impostare il colore del testo.

Il colore è il più delle volte specificato da CSS:

  • I valori esadecimali - come "# FF0000"
  • Un valore RGB - "RGB (255,0,0)"
  • nomi dei colori - come "rosso"

Vedere i valori dei colori CSS visualizzare i valori dei colori completi.

Un fondo della pagina è nel corpo principale dei mezzi di selezione:

Esempi

body {color:blue;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}

Prova »

osservazione Per il CSS standard W3C: se si definisce la proprietà di colore, è necessario anche personalizzare gli attributi di colore di sfondo.


Allineamento del testo

proprietà text-align viene utilizzato per impostare l'allineamento orizzontale del testo.

Il testo può essere centrato o allineato al giustificato a sinistra oa destra.

Quando text-align è impostato su "giustificare", ogni linea è stata ampliata per la stessa larghezza, margine sinistro e destro sono allineati (come riviste e giornali).

Esempi

h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}

Prova »


Text-decoration

proprietà text-decoration è utilizzata per impostare o rimuovere il testo decorativo.

Da un punto di vista del design è principalmente proprietà text-decoration viene utilizzato per rimuovere la sottolineatura dei link:

Esempi

a {text-decoration:none;}

Prova »

È inoltre possibile decorare questo testo:

Esempi

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}

Prova »

osservazione Si consiglia di non sottolineare che il testo non è un link, perché è spesso confusa con l'utente.


Convertitori di testo

attributo di testo Convertire viene utilizzato per specificare le lettere maiuscole e minuscole in un testo.

Iniziali possono essere utilizzati per tutto in lettere maiuscole o minuscole, o ogni parola in maiuscolo.

Esempi

p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}

Prova »


Text-trattino

Text-trattino proprietà per rientrare la prima riga viene utilizzato per specificare il testo.

Esempi

p {text-indent:50px;}

Prova »


Esempi

Altri esempi

spazio designato tra i caratteri
Questo esempio mostra come per aumentare o diminuire lo spazio tra i caratteri.

Specifica lo spazio tra le file
Questo esempio dimostra come specificare lo spazio tra le righe in un paragrafo

Impostazione elemento di orientamento del testo
Questo esempio dimostra come modificare la direzione dell'elemento di testo.

Aumentare lo spazio vuoto tra le parole
Questo esempio dimostra come aggiungere uno spazio vuoto tra le parole in un paragrafo.

Disabilitare la disposizione del testo nell'elemento
Questo esempio dimostra come disattivare un elemento di testo all'interno del surround.

immagine Allineamento verticale
Questo esempio mostra come impostare l'allineamento verticale del testo dell'immagine.

Aggiungere ombre di testo
Questo esempio mostra come impostare le ombre del testo.


tutti gli attributi di testo CSS.

proprietà descrizione
colore Impostare il colore del testo
direzione Impostazione orientamento del testo.
letter-spacing spaziatura dei caratteri Impostazione
line-height Impostazione altezza delle righe
text-align Allineare il testo nell'elemento
text-decoration L'aggiunta di modifiche al testo
text-trattino Rientrare la prima riga degli elementi cinesi
text-shadow Impostare l'ombra di testo
text-transform lettere elemento di controllo
unicode-bidi Imposta o restituisce se il testo viene riscritto
vertical-align Impostare l'allineamento verticale degli elementi
white-space Blank elemento set viene gestito
word-spacing impostazioni spaziatura delle parole