Wszystko wskazuje na to, że w pewnym stopniu znamy już pojęcie pionowego wyrównania tekstu. Jeśli kiedykolwiek używaliśmy elementów SUP i SUB (indeksu górnego i dolnego) lub wyświetlając obrazek posłużyliśmy się kodem 
, to można przyjąć, że mieliśmy już do czynienia z wyrównaniem pionowym. Właściwość CSS vertical-align (wyrównanie pionowe) pozwala na użycie wszystkich znanych nam już sposobów wyrównania stosowanych wewnątrz tekstu. Mamy też do wyboru kilka nowych możliwości.
Vertical align – baseline (wartość domyślna) | sub | super | bottom | text-bottom | middle | top | text-top |
Właściwość vertical-align akceptuje każde z ośmiu słów kluczowych lub wartości procentowe (ale nigdy nie robi tego jednocześnie). Słowa kluczowe to mieszanka znanych i nieznanych słów: baseline (wartość domyślna), sub, super, bottom, text-bottom, middle, top i text-top.
Wyrównanie do lini bazowej
Właściwość vertical-align: baseline zmusza element do wyrównania bazowych linii pisma rodzica i potomka, czyli w sumie odpowiada za to, co zawsze robią przeglądarki.
B {vertical-align: baseline;}
The baseline of the boldfaced text is aligned with the
baseline of this paragraph.
Posted in css | |
Jedną z najważniejszych funkcji oferowanych przez kaskadowe arkusze stylów CSS jest możliwość formatowania wyglądu czcionki.
o Rodzaj czcionki font-family
font-family: nazwa czcionki; – wpisanie nazwy czcionki, np. Arial, font- family:serif; – dowolna czcionka z rodziny serif, font-family:sans-serif; – dowolna czcionka sans-serif.
o Rozmiar czcionki font-family
font-family:rozmiar; – rozmiar zdefiniowany za pomocą pikseli, centymetrów, procentów itp., font-family:small; – mały rozmiar, font- family:medium; – standardowy rozmiar czcionki, font-family:large; – duży rozmiar czcionki.
o Waga czcionki font-weight
font-weight:normal; font-weight:bold; font-weight:bolder; – wiadomo.
o Styl czcionki font-style
font-style:normal; font-style:italic; font-style:obelique; – czcionka pochyła.
o Szerokość czcionki font-stretch
font-stretch:normal; – czcionka o domyślanej szerokości, font- stretch:wider; – czcionka o dużej szerokości, font-stretch:narrower; – czcionka o małej szerokości.
Posted in css | |
