Programmazione Web » Css » Rientrare la prima riga di un testo

Rientrare la prima riga di un testo

Difficoltà: Apprendista Scritto da Michele Sassi
Sito Web: http://www.comefaccio.net E-Mail
Questo tutorial è stato letto 1092 volte




Oggi vedremo com'è possibile rientrare la prima riga di un paragrafo senza utilizzare Html. Come già sappiamo potremmo usare il tag <pre> e tabulare il testo a nostro piacimento, ma questa utilizzeremo un modo più elegante che ci permette di rientrare automaticamente la prima riga di un paragrafo o di un elemento qualsiasi!

La proprietà da utilizzare è la text-indent, associata ad un selettore qualsiasi (un paragrafo nel nostro caso):

<style>
p {
text-indent: 100px;
}
</style>

I valori che la proprietà può assumere sono due: in px (come nell'esempio) e in percentuale. E' un effetto che nel web non viene molto usato, ma se ci serve, perchè non utilizzarlo?

Aggiungi questo tutorial ai preferiti! Aggiungi questo tutorial ai preferiti


SEGNALA QUESTA RISORSA AD UN AMICO
Tuo nome
Tua mail
Nome amico
Mail tuo amico
Google
AREA UTENTI
E-MAIL PASSW
Perso la password?
I TUTORIAL PIU' LETTI
GIF ANIMATE
Script Gratis!
Spot

Sito Service
Tutorial per realizzare un sito web partendo da zero e script Asp per Aruba Server.

Tutorials & scripts
Articoli su HTML, CSS, PHP, ASP, Javascript, MySQL a cura di AG web solutions!

Guida Prestiti e Carte di credito
Giochi flash free
Giochi gratis online
Ricette di cucina gratis
Migliori torrent italiani
Notizie Dieta e Diete Alimentari

Cerca con Google