Przejdź do treści

CSS / Obramowanie

Powtórka

Sprawdź, czy pamiętasz, za co odpowiadają poniższe fragmenty kodu źródłowego CSS. W razie wątpliwości kliknij odnośnik "Zobacz więcej..." pod wybraną grupą przykładów.

Jak dodać obramowanie do dowolnego elementu: linia przerywana (kreskowa i kropkowa), linia ciągła, podwójne obramowanie, rowek, grzbiet, ramka, przycisk?

selektor { border-top-style: styl }
selektor { border-bottom-style: styl }
selektor { border-left-style: styl }
selektor { border-right-style: styl }

Zobacz więcej...

Jak ustawić styl obramowania dla wszystkich krawędzi jednocześnie?

selektor { border-style: wartości atrybutów }

Zobacz więcej...

Jak ustawić szerokość (grubość) obramowania dowolnego elementu?

selektor { border-top-width: szerokość }
selektor { border-bottom-width: szerokość }
selektor { border-left-width: szerokość }
selektor { border-right-width: szerokość }

Zobacz więcej...

Jak ustawić szerokość (grubość) obramowania dla wszystkich krawędzi jednocześnie?

selektor { border-width: wartości atrybutów }

Zobacz więcej...

Jak ustawić kolor obramowania dowolnego elementu?

selektor { border-top-color: kolor }
selektor { border-bottom-color: kolor }
selektor { border-left-color: kolor }
selektor { border-right-color: kolor }

Zobacz więcej...

Jak ustawić kolor obramowania dla wszystkich krawędzi jednocześnie?

selektor { border-color: wartości atrybutów }

Zobacz więcej...

Jak ustawić szerokość (grubość), styl i kolor obramowania dowolnego elementu?

selektor { border-top: wartości atrybutów }
selektor { border-bottom: wartości atrybutów }
selektor { border-left: wartości atrybutów }
selektor { border-right: wartości atrybutów }
selektor { border: wartości atrybutów }

Zobacz więcej...

Co to jest obrys i czym się różni od obramowania?

selektor { outline-style: styl }

Zobacz więcej...

W jaki sposób ustawić szerokość (grubość) obrysu dowolnego elementu?

selektor { outline-width: szerokość }

Zobacz więcej...

W jaki sposób ustawić kolor obrysu dowolnego elementu?

selektor { outline-color: kolor }

Zobacz więcej...

Jak ustawić szerokość (grubość), styl i kolor obrysu dowolnego elementu?

selektor { outline: wartości atrybutów }

Zobacz więcej...

W jaki sposób odsunąć ramkę obrysu od krawędzi elementu?

selektor { outline-offset: rozmiar }

Zobacz więcej...

W jaki sposób wstawić na stronę element z zaokrąglonymi narożnikami?

selektor { border-top-left-radius: zaokrąglenie }
selektor { border-top-right-radius: zaokrąglenie }
selektor { border-bottom-right-radius: zaokrąglenie }
selektor { border-bottom-left-radius: zaokrąglenie }

Zobacz więcej...

Jak ustawić zaokrąglenia dla wszystkich narożników jednocześnie?

selektor { border-radius: wartości atrybutów }

Zobacz więcej...

W jaki sposób pozbyć się nieestetycznego efektu zanikania obramowania podczas przełamania strony lub linii?

selektor { box-decoration-break: dekoracja }

Zobacz więcej...

W jaki sposób podstawić efektownie wyglądający cień pod elementem?

selektor { box-shadow: poziom pion rozmycie rozprzestrzenienie kolor,... }
selektor { box-shadow: inset poziom pion rozmycie rozprzestrzenienie kolor,... }

Zobacz więcej...

Jak udekorować ramkę na stronie obramowaniem graficznym?

selektor { border-image-source: url(ścieżka dostępu do obrazka) }

Zobacz więcej...

Jak podzielić obramowanie graficzne na narożniki, krawędzie i środek?

selektor { border-image-slice: obcięcie }

Zobacz więcej...

W jaki sposób podać szerokość (grubość) obramowania obrazkowego?

selektor { border-image-width: szerokość }

Zobacz więcej...

Jak wysunąć obramowanie obrazkowe poza krawędzie elementu?

selektor { border-image-outset: nawis }

Zobacz więcej...

W jaki sposób powielić obrazek w postaci obramowania elementu?

selektor { border-image-repeat: powtarzanie }

Zobacz więcej...

Jak ustawić obrazek obramowania, jego narożniki, krawędzie, środek, a także jego szerokość (grubość) i powtarzanie (powielanie)?

selektor { border-image: wartości atrybutów }

Zobacz więcej...

Komentarze

Zobacz więcej komentarzy

Facebook