Sei sulla pagina 1di 3

PROPRIETA

SFONDO Background-repeat : Repeat limmagine viene ripetuta Repeat-x limmagine viene ripetuta in orizzontale Repeat-y limmagine viene ripetuta in verticale No-repeat limmagine non viene ripetuta Background-position: top left in alto a sinistra top center in alto al centro top right in alto a destra center left a met pagina sul bordo sinistro center center al centro della pagina center right a met pagina sul bordo destro bottom left in basso a sinistra bottom center in basso al centro bottom right in basso a destra x-% y-% per posizionarlo in un punto ben preciso della pagina background-attachment: scroll limmagine si muove con la pagina fixed limmagine resta fissa TESTO Color imposta il colore del testo Text-align: left allineamento a sinistra right allineamento a destra center allineamento centrato justify giustificato text-decoration: underline sottolineato overline soprassegnato line-through barrato blink intermittente text-indent: valorepxintenta la prima linea del paragrafo del numero scritto in valore text-transform: capitalize ogni parola del testo inizia con la maiuscola uppercase tutto maiuscolo lowercase tutto minuscolo FONT Font-family: serif carattere graziato sans-serif carattere elvetica monospace carattere monospaziato

cursive carattere corsivo fantasy dipende dal browser font qualsiasi font font-size altezza del carattere font: caption font per i controlli icon font per le icone menu font per i menu a cascata message-box font per le finestre di dialogo status-barra font per le barre di stato dei form LISTE List-style-image: imposta unimmagine come marcatore delle voci di una lista url percorso dell immagine(tra parentesi tonde) list-style-position: inside il marcatore e il testo sono rientrati outside marcatore incolonnato a sinistra list-style-type: circle circonferenza square quadrato decimal numero decimale lower-roman numeri romani minuscoli upper-roman numeri romani maiuscoli lower-alpha alfabeto minuscolo upper-alpha alfabeto maiuscolo RIQUADRI formato da unarea per il contenuto che pu essere un testo o unimmagine, da una spaziatura (padding) che racchiude larea del contenuto, da un bordo e da un margine. rappresentato in linguaggio html da <DIV> </DIV> Margin: valorepx ampiezza del margine del numero scritto in valore, espresso in pixel o in percentuale Border-width: thin sottile medium medio thick grosso valore misura dellampiezza del bordo border-style: hidden nascosto dotted punteggiato dashed tratteggiato solid continuo double doppio groove incassato ridge in rilievo inset incassato in 3d outset in rilievo 3d border-color: qualsiasi colore

padding: valorepx ampiezza del padding(spazio attorno alloggetto (testo o immagine)), espresso in pixel o in percentuale height: valorepx altezza delloggetto width: valorepx larghezza delloggetto display: specifica come un riquadro deve essere visualizzato none loggetto non viene visualizzato block loggetto viene visualizzato con linterruzione di riga prima e dopo il riquadro inline loggetto viene visualizzato senza linterruzione di riga list-item loggetto viene visualizzato come la voce di una lista run-in il brower sceglie se applicare block o inline position: static posizione delloggetto definita dal browser relative sposta loggetto a partire dalla posizione assunta dal browser absolute loggetto posizionato in un punto qualsiasi della pagina definito da top: valorepx right: valorepx bottom: valorepx left: valorepx fixed come absolute ma supporta operazioni di scroll overflow: specifica come deve essere visualizzato il contenuto di un oggetto se oltrepassa il riquadro visible viene mostrata la parte eccedente hidden non viene mostrata la parte eccedente scroll attiva le barre di scorrimento auto attiva le barre di scorrimento solo se necessario LE CLASSI Servono per definire stili diversi per il medesimo elemento HTML Esempio: definizione delle classi paragrafo P.dx {text-align: right} P.sx {text-align: left} Nel documento HTML: <p class=dx> paragrafo allineato a destra </p> <p class=sx> paragrafo allineato a sinistra </p>