CSS universals

Wyrównanie pionowe – vertical align

admin — Fri, 22 Jun 2012 07:23:54 +0000

Wszystko wskazuje na to, że w pewnym stopniu znamy już pojęcie pionowego wyrównania tekstu. Jeśli kiedykolwiek używaliśmy elementów SUP i SUB (indeksu górnego i dolnego) lub wyświetlając obrazek posłużyliśmy się kodem , to można przyjąć, że mieliśmy już do czynienia z wyrównaniem pionowym. Właściwość CSS vertical-align (wyrównanie pionowe) pozwala na użycie wszystkich znanych nam już sposobów wyrównania stosowanych wewnątrz tekstu. Mamy też do wyboru kilka nowych możliwości.
Vertical align – baseline (wartość domyślna) | sub | super | bottom | text-bottom | middle | top | text-top | Właściwość vertical-align akceptuje każde z ośmiu słów kluczowych lub wartości procentowe (ale nigdy nie robi tego jednocześnie). Słowa kluczowe to mieszanka znanych i nieznanych słów: baseline (wartość domyślna), sub, super, bottom, text-bottom, middle, top i text-top.

Wyrównanie do lini bazowej
Właściwość vertical-align: baseline zmusza element do wyrównania bazowych linii pisma rodzica i potomka, czyli w sumie odpowiada za to, co zawsze robią przeglądarki.
B {vertical-align: baseline;}

The baseline of the boldfaced text is aligned with the
baseline of this paragraph.

Właściwości czcionki

admin — Wed, 20 Jun 2012 14:40:18 +0000

Jedną z najważniejszych funkcji oferowanych przez kaskadowe arkusze stylów CSS jest możliwość formatowania wyglą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 pomocą pikseli, centymetrów, procentów itp., font-family:small; – mały rozmiar, font- family:medium; – standardowy rozmiar czcionki, font-family:large; – duż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 Szerokość czcionki font-stretch
font-stretch:normal; – czcionka o domyślanej szerokości, font- stretch:wider; – czcionka o dużej szerokości, font-stretch:narrower; – czcionka o małej szerokości.

Właściwości tekstu

admin — Wed, 20 Jun 2012 14:36:27 +0000

Blok tekstu na stronie formatowany może być (a nawet powinien) przez style CSS. Można określić następujące właściwości:
o Poziome wyrównanie tekstu text-align
text-align: left; – wyrównanie do lewej, text-align: right; – do prawej, text- align: center; – wycentrowanie, text-align: justify; – wyjustowanie.
o Pionowe wyrównanie tekstu vertical-align
vertical-align: sub; – indeks dolny, vertical-align: super; – indeks gówny, vertical-align: bottom; – wyrównanie do dolnej części elementu, vertical- align:middle; – wyrównanie do śrokowej części elementu, vertical-align: top; – wyrówanie do górnej części elementu, vertical-align:text-top; – wyrównanie do górnej krawędzi tekstu, vertical-align:text-bottom; – wyrównanie do dolnej krawędzi tekstu.
o Dekoracja tekstu text-decoration
text-decoration:underline; – podkreślenie dolne, text-decoration:overline; – podkreślenie górne, text-decoration:blin; – migający tekst.
o Przekształcenie tekstu text:transform
text:transform:capitalize; – text:transform:uppercase; text:transform:lowercase; – małe wszystkie litery.

Właściwość Font w CSS

admin — Tue, 26 May 2009 18:55:05 +0000

Właściwość	Opis	Wartości	Wersja IE	Wersja Firefox
font	Służy do definiowania wszystkich wartości czcionek	font-style font-variant font-weight font-size/line-height font-family caption icon menu message-box small-caption status-bar	4	1
font-family	Lista preferowanych rodzin cziconek	family-name generic-family	3	1
font-size	Określa wielkość czcionki	xx-small x-small small medium large x-large xx-large smaller larger length %	3	1
font-size-adjust	Określa wartość element, który ma zachować wysokość preferowanej czcionki	none number	-	-
font-stretch	Rozciąga lub kurczy rozstawienie czcionki	normal wider narrower ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded	-	-
font-style	Określa rodzaj czcionki	normal italic oblique	4	1
font-variant		normal small-caps	4	1
font-weight	Sets the weight of a font	normal bold bolder lighter 100 200 300 400 500 600 700 800 900	4	1