border style - Kurs HTML i CSS
Obramowanie CSS / Atrybuty mieszane szerokości obramowania {border-width}selektor { border-width: wartości atrybutów } Jako "wartości atrybutów" należy wpisać kolejne wartości szerokości (rozddzielone spacjami), analogicznie jak w przypadku szerokości pojedynczego obramowania. [Zobacz także: Wstawianie stylów] Polecenie pozwala ustalić kilka wartości szerokości obramowania jednocześnie. Możliwe jest przy tym podanie: jednej wartości - dla wszystkich krawędzi naraz dwóch wartości - osobno dla krawędzi poziomych i pionowych trzech wartości - pierwsza określa...
- Obramowanie CSS / Atrybuty mieszane koloru obramowania {border-color}
selektor { border-color: wartości atrybutów } Jako "wartości atrybutów" należy wpisać kolejne wartości koloru (rozddzielone spacjami), analogicznie jak w przypadku koloru pojedynczego obramowania. [Zobacz także: Wstawianie stylów] Polecenie pozwala ustalić kilka wartości kolorów obramowania jednocześnie. Możliwe jest przy tym podanie: jednej wartości - dla wszystkich krawędzi naraz dwóch wartości - osobno dla krawędzi poziomych i pionowych trzech wartości - pierwsza określa górną krawędź...
HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">...celu użyć następującego polecenia: <a href="adres"><img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny" style="border: 0"></a> gdzie jako "adres" można podać: względną ścieżkę dostępu do dowolnej podstrony Twojego serwisu (np.: index.html), adres internetowy poprzedzony przez "http://" lub "https://" (np.: http://www.onet.pl), adres poczty elektronicznej poprzedzony przez "mailto:" (np.: mailto:jan_kowalski@example.com). Natomiast zamiast: "Tu podaj...
- Obramowanie CSS / Kolor obramowania {border-...-color}
Kolor górnego obramowania: selektor { border-top-color: kolor } Kolor dolnego obramowania: selektor { border-bottom-color: kolor } Kolor lewego obramowania: selektor { border-left-color: kolor } Kolor prawego obramowania: selektor { border-right-color: kolor } We wszystkich przypadkach jako "kolor" należy podać definicję koloru. [Zobacz także: Wstawianie stylów] Przy tworzeniu obramowania możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij...
- Obramowanie CSS / Obramowanie obrazkowe {border-image-source}
Spis treści {border-image-source} Ramka obrazkowa w tle Obrazek obramowania {border-image-source} Ramka obrazkowa w tle Możliwości jakie dają style, jeżeli chodzi o efekty obramowania elementów, są bardzo duże. Jednak nie zawsze jest to wystarczające. Czasami mimo wszystko chcielibyśmy urozmaicić stronę, umieszczając na niej estetycznie wyglądające ramki z graficznie wykończonymi krawędziami. W tradycyjnym podejściu zwykle przygotowuje się wtedy trzy elementy obrazkowe: górna krawędź...
- Oprawa graficzna / "Duszki" CSS
...</ul> ul, ul li { display: block; list-style: none; margin: 0; padding: 0; line-height: normal; font-size: 12px; } ul li { width: 200px; border-width: 1px; border-style: solid; border-color: #dfe #365 #365 #dfe; } ul a:link, ul a:visited { display: block; width: 169px; text-decoration: none; padding: 5px 10px 5px 20px; font-weight: bold; background: #bfb url(obrazek.gif) no-repeat -16px -25px; color: #365; border-left: 1px solid #797;} ul a:hover { background-color...
- Selektory pseudoklas CSS / Łączenie selektorów
...na pozostałe znajdujące się na stronie: Link1 Link2 Link3 Zmiana koloru obramowania obrazka po wskazaniu go myszką: img.przyklad_selektory3 { border: 5px solid black } a:hover img.przyklad_selektory3 { border: 5px solid red } Wskaż poniższy obrazek myszką: Inny ciekawy przykład - tym razem z automatycznym generowaniem zawartości: a.przyklad_selektory4:hover:after { content: "Rollover"; position: absolute; color: #000; background-color: #eee; font-size: 10px; border-width: 1px 2px 2px...
- Komendy HTML 4.01 / Wykaz atrybutów
...tła dokumentu bgcolor TABLE Kolor tła komórek tabeli bgcolor TD, TH Kolor tła komórek tabeli bgcolor TR Kolor tła wierszy tabeli border IMG, OBJECT Szerokość obramowania odnośnika border TABLE Szerokość obramowania tabeli cellpadding TABLE Odstępy wewnątrz komórek tabeli cellspacing TABLE Odstępy pomiędzy komórkami tabeli char COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR Znak wyrównujący, np.: char=':' charoff COL, COLGROUP, TBODY, TD, TFOOT, TH...
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img, map, area>
...menu! Przykład <a href, img> Kliknij na tym przycisku: Aby usunąć obramowanie wokół obrazka, należy wpisać: <a href="..."><img src="..." style="border: 0" alt="tekst alternatywny"></a> Przykład <a href, img "border"> Rozszerzony odsyłacz obrazkowy (mapa odsyłaczy) <img, map, area> <img src="ścieżka dostępu do obrazka" alt="tekst alternatywny" usemap="#nazwa_mapy"> <map id="nazwa_mapy" name="nazwa_mapy"> <area shape="kształt" coords="współrzędne" href="adres" alt="tekst...
- Komendy HTML 4.01 / Elementy zdeprecjonowane
...APPLET OBJECT archive APPLET OBJECT background BODY CSS: background-image bgcolor BODY, TABLE, TD, TH, TR CSS: background-color border IMG, OBJECT CSS: border-width clear BR CSS: clear code APPLET OBJECT codebase APPLET OBJECT color BASEFONT, FONT CSS: color compact DIR, DL, MENU, OL, UL CSS: margin-top, margin-bottom, line-height face BASEFONT, FONT CSS: font-family height APPLET OBJECT height TD, TH CSS: height hspace APPLET...