border - Kurs HTML i CSS
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...
- Marginesy CSS / Wymiarowanie pudełka {box-sizing}
...p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rodzaj" należy podać: content-box Wymiarowanie zgodne z modelem pudełkowym border-box Wymiarowanie zgodne z trybem Quirks Bardzo stare przeglądarki (w zamierzchłych czasach MSIE 5) nie potrafiły wymiarować bloków zgodnie ze specyfikacją CSS. Sytuacja ta już dawno uległa poprawie, jednak w celu zachowania kompatybilności wstecz, niektórzy producenci przeglądarek decydowali się na wprowadzenie w swoich nowych produktach...
- 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...
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...
- Dziedziczenie stylów CSS / Odwołanie wartości {...: unset}
...przy pomocy selektora typu i selektora potomka umieszczonych w arkuszu stylów: p { color: green; } p b { color: white; background-color: blue; border-color: red; border-style: solid; } p i b { color: unset; background-color: unset; border-color: unset; }
- Tekst HTML / Pozioma linia <hr>
...czytelna i przejrzysta. Wygląd poziomej linii może się różnić w zależności od przeglądarki. Przykład <hr> Przykład Pytania i odpowiedzi <hr "border-width"> Co to jest HR w HTML? Jest to element wstawiający na stronie poziomą linię (ang. horizontal rule). Możemy jej użyć np. aby rozdzielić sąsiednie części rozdziału, które co prawda różnią się od siebie tematycznie, ale nie tak bardzo, aby podzielić je na osobne rozdziały. Jak pogrubić HR? W większości przeglądarek pozioma...
- 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...
- Komendy HTML 4.01 / TABLE
...FRAME="krawędzie" Określa, które krawędzie ramki otaczającej tabelę będą widoczne: above - tylko górna krawędź below - tylko dolna krawędź border - wszystkie cztery krawędzie box - wszystkie cztery krawędzie hsides - tylko górna i dolna krawędź lhs - tylko lewa krawędź rhs - tylko prawa krawędź void - brak krawędzi (domyślnie) vsides - tylko lewa i prawa krawędź ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie...
- HTML5 / Zmienione elementy i atrybuty HTML5
...klawiszy rozdzielonych spacjami, z których przeglądarka może wybrać najbardziej dla niej odpowiedni. action Nie może zawierać pustej wartości. border Dla znacznika TABLE może zawierać tylko pustą wartość lub cyfrę "1". colspan Dla elementów TD i TH musi zawierać wartość większą od zera. coords Dla znacznika AREA nie może zawierać wartości procentowej, gdy shape="circle". defer Jasno określono, że wywoła załadowanie pliku skryptu osadzonego przy pomocy SCRIPT, kiedy kod strony...