Tips
Testo nella status bar
A volte può essere utile inserire del testo personalizzato nella status bar della finestra del browser. Per farlo basta inserire nell'HEAD della pagina web questo javascript:
<script type="text/javascript">
function load()
{
window.status = "inserisci il testo personalizzato qui"
}
<
/script>
e poi aggiungere onload="load()" al tag <BODY> in questo modo:
<body onload="load()">
Inserire la data corrente
Per inserire la data corrente basta utilizzare il seguente codice all'interno della pagina web:
<script type="text/javascript">
var d = new Date()
document.write(d.getDate())
document.write(".")
document.write(d.getMonth() + 1)
document.write(".")
document.write(d.getFullYear())
<
/script>
Bordi con i CSS
Con i CSS è possibile definire le proprietà dei bordi degli elementi di una pagina web. Le proprietà dei bordi sono: border-style, border-width e border-color. Con border-style si definisce lo stile dei bordi; i valori che si possono assegnare sono:
border-style: dotted
border-style: dashed
border-style: solid
border-style: double
border-style: groove
border-style: ridge
border-style: inset
border-style: outset
Con border-width si definisce la larghezza dei bordi, generalmente un valore in pixel.
Con border-color si definisce il colore dei bordi.
Facciamo un esempio per vedere come applicare un bordo ad un paragrafo <P>. Utilizzando questo css:
p { border-width: 1px; border-style: dashed; border-color: #CC3300;}
il nostro paragrafo si presenterà in questo modo:
Paragrafo con bordo largo 1 pixel, tratteggiato e di colore #CC3300.
Le proprietà dei bordi possono anche essere definite con un'unica dichiarazione in questo modo:
p { border:1px dashed #CC3300; }
Nell'esempio visto sopra abbiamo definito le proprietà che vengono applicate a tutti e quattro i bordi del nostro paragrafo. Ma se vogliamo, possiamo definire delle proprietà diverse per ognuno dei quattro bordi (top, right, bottom, left). Ad esempio con questo css:
p { border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #CC3300;}
impostiamo le proprietà del solo bordo inferiore del paragrafo ottenedo questo risultato:
Paragrafo con bordo inferiore largo 1 pixel, tratteggiato e di colore #CC3300.
Anche in questo caso possiamo definire le proprietà con un'unica dichiarazione:
p { border-bottom: 1px dashed #CC3300;}
Allo stesso modo del bordo inferiore si definiscono anche i bordi degli altri lati utilizzando border-right per il bordo destro, border-top per il bordo superiore e border-left per il bordo sinistro.
» Torna all'indice delle tips
