CSS / Obramowanie
W tym rozdziale dowiesz się...
Jak stworzyć obramowanie wokół tekstu na stronie WWW?
- Styl obramowania {BORDER-...-STYLE}
Jak dodać obramowanie do dowolnego elementu: linia przerywana (kreskowa i kropkowa), linia ciągła, podwójne obramowanie, rowek, grzbiet, ramka, przycisk?
- Atrybuty mieszane stylu obramowania {BORDER-STYLE}
Jak ustawić styl obramowania dla wszystkich krawędzi jednocześnie?
- Szerokość obramowania {BORDER-...-WIDTH}
Jak ustawić szerokość (grubość) obramowania dowolnego elementu?
- Atrybuty mieszane szerokości obramowania {BORDER-WIDTH}
Jak ustawić szerokość (grubość) obramowania dla wszystkich krawędzi jednocześnie?
- Kolor obramowania {BORDER-...-COLOR}
Jak ustawić kolor obramowania dowolnego elementu?
- Atrybuty mieszane koloru obramowania {BORDER-COLOR}
Jak ustawić kolor obramowania dla wszystkich krawędzi jednocześnie?
- Atrybuty mieszane obramowania {BORDER}
Jak ustawić szerokość (grubość), styl i kolor obramowania dowolnego elementu?
- Styl obrysu {OUTLINE-STYLE}
Co to jest obrys i czym się różni od obramowania?
- Szerokość obrysu {OUTLINE-WIDTH}
W jaki sposób ustawić szerokość (grubość) obrysu dowolnego elementu?
- Kolor obrysu {OUTLINE-COLOR}
W jaki sposób ustawić kolor obrysu dowolnego elementu?
- Atrybuty mieszane obrysu {OUTLINE}
Jak ustawić szerokość (grubość), styl i kolor obrysu dowolnego elementu?
- Odstęp obrysu {OUTLINE-OFFSET}
W jaki sposób odsunąć ramkę obrysu od krawędzi elementu?
- Zaokrąglenie {BORDER-...-RADIUS}
W jaki sposób wstawić na stronę element z zaokrąglonymi narożnikami?
- Atrybuty mieszane zaokrąglenia {BORDER-RADIUS}
Jak ustawić zaokrąglenia dla wszystkich narożników jednocześnie?
- Dekoracja przełamania obramowania {BOX-DECORATION-BREAK}
W jaki sposób pozbyć się nieestetycznego efektu zanikania obramowania podczas przełamania strony lub linii?
- Cień {BOX-SHADOW}
W jaki sposób podstawić efektownie wyglądający cień pod elementem?
- Obramowanie obrazkowe {BORDER-IMAGE-SOURCE}
Jak udekorować ramkę na stronie obramowaniem graficznym?
- Obcięcie obramowania obrazkowego {BORDER-IMAGE-SLICE}
Jak podzielić obramowanie graficzne na narożniki, krawędzie i środek?
- Szerokość obramowania obrazkowego {BORDER-IMAGE-WIDTH}
W jaki sposób podać szerokość (grubość) obramowania obrazkowego?
- Nawis obramowania obrazkowego {BORDER-IMAGE-OUTSET}
Jak wysunąć obramowanie obrazkowe poza krawędzie elementu?
- Powtarzanie obramowania obrazkowego {BORDER-IMAGE-REPEAT}
W jaki sposób powielić obrazek w postaci obramowania elementu?
- Atrybuty mieszane obramowania obrazkowego {BORDER-IMAGE}
Jak ustawić obrazek obramowania, jego narożniki, krawędzie, środek, a także jego szerokość (grubość) i powtarzanie (powielanie)?