left - Kurs HTML i CSS
Obramowanie CSS / Szerokość obramowania {border-...-width}...szerokość } Szerokość dolnego obramowania: selektor { border-bottom-width: szerokość } Szerokość lewego obramowania: selektor { border-left-width: szerokość } Szerokość prawego obramowania: selektor { border-right-width: szerokość } We wszystkich przypadkach Selektorem może być dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "szerokość" należy podać: thin - cienkie obramowanie medium - średnie obramowanie thick - grube...
- Obramowanie CSS / Atrybuty mieszane obramowania {border}
...Atrybuty mieszane dolnego obramowania: selektor { border-bottom: wartości atrybutów } Atrybuty mieszane lewego obramowania: selektor { border-left: wartości atrybutów } Atrybuty mieszane prawego obramowania: selektor { border-right: wartości atrybutów } Atrybuty mieszane całego obramowania: selektor { border: wartości atrybutów } Jako "wartości atrybutów" należy wpisać kolejne wartości szerokości, stylu (obowiązkowo!) i koloru obramowania (rozddzielone spacjami). [Zobacz także...
- Pozycjonowanie CSS / Pozycja statyczna {position: static}
...{position: static} Gdyby w arkuszu stylów tej strony [zobacz: Wstawianie stylów], została umieszczona taka linijka: h1 { position: relative; left: 50% } to teraz wszystkie tytuły h1 byłyby pozycjonowane względnie. Ale jeśli chcielibyśmy zrezygnować z pozycjonowania dla kilku wybranych elementów, wystarczyłoby wpisać position: static w definicji inline.
- Drukowanie CSS / Przełamanie strony {page-break-before, page-break-after}
...wyświetlany w bloku [zobacz: Wstawianie stylów]. Natomiast jako "wartość" należy podać: always - przełamanie zawsze auto - brak ograniczeń left - następna strona formatowana jako lewa right - następna strona formatowana jako prawa avoid - unikanie przełamania Polecenie to wymusza na drukarce natychmiastowe przełamanie strony, czyli zakończenie drukowania na danym arkuszu papieru i przejście do następnego. Pierwsze z nich czyni to przed wybranym elementem (wybranym przez...
- Drukowanie CSS / Kontekst strony @page
...Jako cecha i wartość można wstawić jedną lub więcej deklaracji: marginesy strony: margin, margin-top, margin-right, margin-bottom, margin-left rozmiar papieru: size W deklaracjach kontekstu strony nie wolno używać jednostek "em" (wysokość czcionki) ani "ex" (wysokość małej litery), ponieważ nie istnieje w nim pojęcie czcionki. Kontekst strony definiuje wygląd samej strony - np. arkusza papieru na wydruku - a nie jej zawartości. Można w ten sposób ustawić marginesy i rozmiar...
- Komendy CSS 2 / Specyfikacja CSS
...które może przyjąć cecha. Przyjęto tutaj następujące oznaczenia: Słowa kluczowe zostały wpisane bez żadnych dodatkowych znaków (np. center, left-side). Wyraz inherit oznacza, że element przyjmuje wartość cechy, taką samą jak jego rodzic (zasada dziedziczenia). Typy podstawowe zostały ujęte w znaki < oraz >. Są to: <liczba> - pojedyncza liczba <długość> - wartość długości <procent> - wartość procentowa <kąt> - kąt <czas> - czas <częstotliwość> - częstotliwość <łańcuch znakowy>...
- Komendy CSS3 / Mowa CSS
...normal Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie Media speech voice-balance Balans głosu Wartość <number> | left | center | right | leftwards | rightwards Inicjalizacja center Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie Media speech voice-duration Czas trwania głosu Wartość auto | <time> Inicjalizacja auto Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie Media speech voice-family Rodzina głosów...
- Reguły specjalne CSS
...styl licznika Niestandardowy typ stylu wykazu 3 @page pudełko strony Kontekst strony 2 @page :first Okładka wydruku 2 @page :left @page :right Druk dwustronny 2 @page wart Typ strony wydruku 2 @import url(adr) wart; @media wart docelowe typy mediów Wybór medium 2 @import url(adr) (wart); @media (wart) cechy mediów Zapytania mediów 3 @supports (wart) @supports not (wart) obsługiwane cechy Zapytania właściwości 3
Indeks, wyszukiwarka / Wygląd...input.text { width: 290px; } #indeks select { width: 100%; margin: 2px 0 10px 0; } #indeks input.button { width: 100px; margin-left: 5px; margin-right: 5px; } W wyróżnionych miejscach wpisano identyfikator indeksu, zdefiniowany uprzednio w pliku indeks_hasla.js. Teraz w nagłówku dokumentu HTML (<head>...</head>), na którym wstawiony jest indeks haseł, wystarczy wstawić odwołanie do utworzonego właśnie zewnętrznego arkusza stylów: <link rel="stylesheet...