Beyond Fantasy

Border

« Older   Newer »
  Share  
TOPIC_ICON3  view post Posted on 19/2/2018, 04:58
Avatar

Junior Member

Group:
Administrator
Posts:
88

Status:


border

questa proprietą permette di specificare stile, spessore e colore del bordo di un elemento :

CODICE
BORDER

bordo intero
CODICE
BORDER-LEFT

bordo sinistro
CODICE
BORDER-RIGHT

bordo destro
CODICE
BORDER-TOP

bordo superiore
CODICE
BORDER-BOTTOM

bordo inferiore


CODICE
BORDER-STYLE

→ indica lo stile del bordo che verrą mostrato
L'elemento deve essere indicato con un SELETTORE (ex title) a cui verranno dati VALORI
CODICE
TITLE{ BORDER-STYLE : VALORE;}

→ come valori sono utilizzabili :

SOLID : il bordo presenterą una riga unica
DASHED : il bordo sarą composto di trattini
DOTTED : il bordo sarą composto di puntini
DOUBLE : il bordo presenterą due righe
INSET : il bordo presenterą una marcatura maggiore superiore
OUTSET : il bordo presenterą una marcatura maggiore inferiore
RIDGE : il bordo presenterą una sfumatura 3d superiore
GROOVE : il bordo presenterą una sfumatura 3d inferiore
NONE : nessun bordo


CODICE
BORDER-WIDTH

→ indica lo spessore del bordo
L'elemento deve essere indicato con un SELETTORE (ex title) a cui verranno dati VALORI
CODICE
TITLE{ BORDER-WIDTH : VALORE;}

→ come valori sono utilizzabili : pixels (PX) , centimetri (CM) o em ("M" in tipografia)

1 PX = 1 CM o 16 EM
1 EM = 0,06 PX o 0,4 CM
1 CM = 37,7 PX o 2,37 EM


CODICE
BORDER-COLOR

→ indica il colore del bordo
L'elemento deve essere indicato con un SELETTORE (ex title) a cui verranno dati VALORI
CODICE
TITLE{ BORDER-COLOR : VALORE;}

→ come valori sono utilizzabili :

codici esadecimali dei colori ( #NUMEROCOLORE )
TRANSPARENT : se si vuole in trasparenza il colore sottostante


Le 3 proprietą possono essere elencate anche in questo modo :

CODICE
TITLE {
BORDER-TOP : 1PX SOLID #000;
BORDER-RIGHT:5PX DASHED #956988;
BORDER-BOTTOM:3PX DOTTED #000000;
BORDER-LEFT: 6PX DOUBLE #CCC;
}


oppure annidate, ricordandosi l'ordine dei 4 bordi TOP-RIGHT-BOTTOM-LEFT

CODICE
TITLE {
BORDER-COLOR : #000 #956988 #000000 #CCC;
BORDER-STYLE : SOLID DASHED DOTTED DOUBLE;}


NB : diminuendo il numero dei valori ( 4 ) i bordi si accorperanno automaticamente cosi' :
4 VALORI : 4 BORDI
3 VALORI : BORDO SUPERIORE, BORDO SINISTRO+DESTRO, BORDO INFERIORE
2 VALORI : BORDO SUPERIORE +INFERIORE, BORDO DESTRO+SINISTRO
 
Top
0 replies since 19/2/2018, 04:58   107 views
  Share