Obramowanie: border
Mirosław Zelent
Do ustawienia obramowania używamy właściwości border
(ang. border = obwódka na krawędzi, obszar graniczny elementu). Możemy zastosować trzy podstawowe subatrybuty: border-width
(szerokość obramowania w pikselach), border-style
(rodzaj linii stanowiącej obwódkę - patrz ilustracja poniżej) oraz border-color
(kolor obwódki). Przykładowe style:
border-style: solid;
border-style: dotted;
border-style: dashed;
border-style: double;
border-style: ridge;
border-style: groove;
border-style: inset;
border-style: outset;
Natomiast w praktyce, często nie piszemy następujących po sobie trzech kolejnych właściwości, tylko stosujemy zapis skrótowy, pisząc jedynie słowo border, a po dwukropku trzy wartości rozdzielone spacją i zakończone oczywiście średnikiem. Najpierw podajemy szerokość w pikselach, potem rodzaj linii i na końcu jej kolor.
border: 2px solid green;
Można także użyć subatrybutów: left
, right
, top
, bottom
. Ponadto istnieje właściwość border-image
, pozwalająca użyć obrazu jako obramowania (więcej na ten temat znajdziesz tutaj). Zobaczmy zatem jeszcze kilka przykładów użycia obramowania:
border-left: 1px solid black;
border-right: 1px dashed blue;
border-top: 1px groove green;
border-bottom: 1px dotted yellow;
border-image: url("obraz.png") 30 round;
Polecamy: Mega Sekurak Hacking Party
Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - wpiszcie go w koszyku, dzięki czemu otrzymacie 40% zniżki na bilet standard. Więcej szczegółów znajdziecie tutaj.
Książka: Wprowadzenie do bezpieczeństwa IT
Niedawno wystartował dodruk świetnej, rozchwytywanej książki pt. "Wprowadzenie do bezpieczeństwa IT, Tom I" (około 940 stron). Mamy dla Was kod: pasja (wpisz go w koszyku), dzięki któremu otrzymacie 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla naszych Widzów! Jest to pierwszy tom serii o ITsec, który wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!
Pomóż dzieciom
Polska Akcja Humanitarna od wielu lat dożywia dzieci. Prosimy, poświęć teraz dosłownie chwilę i pomóż klikając w oznaczony strzałką zielony brzuszek Pajacyka. Dziękujemy!
Komentarze
Czy macie jakieś pytania, sugestie, uwagi? A może zauważyliście literówkę albo błąd? Dajcie koniecznie znać: kontakt@pasja-informatyki.pl. Dziękujemy za poświęcony czas - to dzięki Wam serwis staje się coraz lepszy!