Skrócone wartości z myślnikiem (-)
Możemy zapisać tak:
Cytat:margin-top: 4px;
margin-right: 7px;
margin-bottom: 5px;
margin-left: 9px;
możemy też krócej:
Cytat:margin: 4px 7px 5px 9px;
Możemy wyciągnąć wniosek: prawie wszystkie polecenia z myślnikami (-) możemy skrócić
i tak kolejny przykład:
Kolejność wartości: stała, zgodnie z ruchem wskazówek zegara (top right bottom left)
Przy poleceniach typu margin, padding, border możemy podać wartości w następujący sposób:
4 wartości - top right bottom left
3 wartości - top left/right bottom
2 wartości - top/bottom left/right
1 wartości - top/bottom/left/right (wszystkie strony)
Kod:
font-size: 12px;
font-family: "Arial";
font-weight: bold;
font-stretch: wider;
możemy też krócej:
Kod:
font: 12px "Arial" bold wider;
Możemy wyciągnąć kolejny wniosek: Kolejne wartości są rozdzielane spacją
Kolejność wartości nie zawsze jest dowolna. Sprawdź w kursie jakiej kolejności powinieneś się trzymać (np. font). Kolejności prawie nie musisz się trzymać przy background, Wyjątkiem jest określenie pozycji tła.
Kod:
background-color:#000000;
background-image:url(img.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:50px 10%; //left top
krócej
Kod:
background:#000000 url(img.jpg) no-repeat fixed 50px 10%;
Szukaj
Użytkownicy
Kalendarz
Pomoc
