css formatowanie czcionki

Transkrypt

css formatowanie czcionki
CSS FORMATOWANIE CZCIONKI
nazwa_selektora {
font-size:
xx-small; – najmniejsza
x-small; – mniejsza
small; – mała
medium; – średnia
large; – duża
x-large; – większa
xx-large; – największa
12px;
}
nazwa_selektor {
font-family:
arali;
‘Time News Roma’;
}
nazwa_selektor {
font-style:
normal - czcionka normalna
italic - czcionka
oblique - czcionka pochylona
}
nazwa_selektor {
font-weight:
normal - czcionka normalna
bold - czcionka pogrubiona
100 – rozmiar pogrubienia
}
nazwa_selektor {
font-variant:
normal - czcionka normalna
small-caps – kapitaliki – duże litery
}
nazwa_selektor {
font-stretch:
ultra-condensed - najbardziej ścieśniona
extra-condensed – średnio ściśnęta
condensed - ścieśniona
semi-condensed
normal - czcionka normalna
semi-expanded
expanded - rozciągnięta
extra-expanded
ultra-expanded - najbardziej rozciągnięta
}
CSS FORMATOWANIE CZCIONKI
nazwa_selektor {
color:
red;
kolor #66AAFF;
kolor #69C;
kolor rgb(255,33,170);
kolor rgb(25%,75%,75%);
kolor czcionek w różnych systemach
}
nazwa_selektor {
text-decoration:
none - bez zmian
underline - podkreślenie
line-through - przekreślenie
overline - nadkreślenie
blink - migotanie tekstu
}
nazwa_selektor {
text-transform :
none - bez zmian
capitalize - zamiana pierwszych liter na wielkie
uppercase - zamiana wszystkich liter na wielkie
lowercase - zamiana wszystkich liter na małe
}
nazwa_selektor {
text-align:
left tekst do lewego marginesu
right - tekst do prawego marginesu
center – tekst do środka (wyśrodkowanie)
justify - do obu marginesów jednocześnie (justowanie)
}
nazwa_selektor {
text-indent:
1cm; - wcięcie tekstu
}
nazwa_selektor {
text-shadow:
poziom - przesunięcie cienia w prawo, ujemna wartość przesuwa
w lewo
pion - przesunięcie cień w dół ujemna wartość przesuwa w górę
rozmycie - promień efektu rozmycia
kolor - kolor bazowy efektu
}
CSS FORMATOWANIE CZCIONKI
nazwa_selektor {
line-height:
1cm; - odstępy między wierszami (jednostki standardowe)
}
nazwa_selektor {
word-spacing:
1cm; - odstępy między wyrazami
}
nazwa_selektor {
letter-spacing:
1cm; - odstępy między literami
}

Podobne dokumenty