border style - Kurs HTML i CSS
Komendy CSS 2 / border-top, border-right, border-bottom, border-leftWARTOŚĆ [ <'border-width'> || <'border-style'> || <kolor> ] | inherit OPIS Atrybuty mieszane górnego/prawego/dolnego/lewego obramowania INICJALIZACJA zobacz cechy indywidualne ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- Komendy CSS 2 / border
WARTOŚĆ [ <'border-width'> || <'border-style'> || <kolor> ] | inherit OPIS Atrybuty mieszane obramowania INICJALIZACJA zobacz cechy indywidualne ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual
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...
- Selektory pseudoklas CSS / Blokada :disabled :enabled
...to natomiast takie, które nie posiada atrybutu disabled (domyślnie). Przykład :disabled :enabled Po wpisaniu w arkuszu stylów: input:disabled { border: 1px solid blue } input:enabled { border: 1px solid red } a w dowolnym miejscu strony: <form action="?"> <input type="text" value="Zablokowane" disabled> <input type="text" value="Odblokowane"> </form> otrzymamy dwie tekstowe kontrolki formularza - pierwsza z niebieskim obramowaniem (zablokowana), a druga z czerwonym (odblokowana):
- Selektory pseudoklas CSS / Tylko do odczytu :read-only :read-write
...się graficzne wyróżnienie za pomocą CSS pól tylko do odczytu. Przykład :read-only :read-write Po wpisaniu w arkuszu stylów: input:read-only { border: 1px solid blue } input:read-write { border: 1px solid red } a w dowolnym miejscu strony: <form action="?"> <input type="text" value="Tylko do odczytu" readonly> <input type="text" value="Do odczytu i do zapisu"> </form> otrzymamy dwie tekstowe kontrolki formularza - pierwsza z niebieskim obramowaniem (zablokowana), a druga z czerwonym...
- Kolory CSS / Wykaz kolorów systemowych
Kolor Definicja Nazwa Objaśnienie ActiveBorder Active window border Obramowanie aktywnego okna ActiveCaption Active window caption Nagłówek aktywnego okna AppWorkspace Background color of multiple document interface Kolor tła wielodokumentowego interfejsu (MDI) Background Desktop background Tło pulpitu ButtonFace Face color for three-dimensional display elements Powierzchnia czołowa trójwymiarowych elementów ButtonHighlight Dark shadow for...
- Podcast HTML / #9 HTML5
...takie jak rev i charset dla <link> i <a>, longdesc dla <img> i <iframe>, oraz wiele atrybutów formatujących, np. align dla wielu elementów. border dla <table>: może zawierać tylko pustą wartość lub cyfrę "1". reversed w <ol>: atrybut logiczny, który ustala odwrotną (malejącą) kolejność numeracji listy uporządkowanej.
- Odsyłacze HTML / Mapa odsyłaczy <img usemap, map, area>
...<area shape="circle" coords="166,35, 31" href="..." alt="..."> </map> Aby usunąć obramowanie wokół obrazka, należy podać atrybut style="border: 0" dla znacznika <img>. Nakładanie obszarów Załóżmy, że chcemy uzyskać następujący efekt: definiujemy na przygotowanym obrazku jeden okrągły i jeden trójkątny obszar z odsyłaczami, ale chcemy dodatkowo, aby kliknięcie na dowolnych pozostałych częściach grafiki, odsyłało na osobny adres. Możemy tego dokonać definiując na końcu...
- Tabele HTML / Struktura tabeli HTML <table, tr, td>
...czytelne, ponieważ nie widać granic pomiędzy sąsiadującymi komórkami. Aby to zmienić, wystarczy do znacznika tabeli dodać odpowiedni atrybut: <table border="1">...</table>. Jak wycentrować tabelę? Szerokość tabeli dopasowuje się proporcjonalnie do zawartości jej komórek w taki sposób, aby rozciągnąć się tak bardzo, jak to będzie potrzebne, ale jednocześnie nie przekroczyć dostępnej szerokości strony. Jeśli jednak tabela zawiera krótką treść, nie zostanie rozciągnięta, ale ustawi się po...
- Komendy CSS 2 / outline-style
WARTOŚĆ <border-style> | inherit OPIS Styl obrysu INICJALIZACJA none ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual, interactive