style background - Kurs HTML i CSS
HTML5 / Napisy do filmów <track>...{ color: lime; } ::cue(u) { color: aqua; } Aby zmienić wygląd wypowiedzi konkretnych osób w dialogu: ::cue(v[voice="nauczyciel"]) { font-style: italic; } W pliku *.vtt bezpośrednio przed wybranym blokiem napisów możesz podać identyfikator: WEBVTT identyfikator 00:00:01.000 --> 00:00:05.000 Ten napis posiada przypisany identyfikator. Można się nim potem posłużyć, aby zmienić wygląd całego takiego bloku: ::cue(#identyfikator) { color: red; }
Dziedziczenie stylów CSS / Odwołanie wartości {...: unset}...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; }
- Formularze HTML / Przykład formularza HTML
...nierówno z powodu różnej długości opisów. Na przykład po wpisaniu: <form action="mailto:e-mail" method="post" enctype="text/plain"><div> <table style="background-color: silver"> <tr> <td>Imię:</td><td><input type="text" name="imie"></td> </tr> <tr> <td>Nazwisko:</td><td><input type="text" name="nazwisko"></td> </tr> <tr> <td colspan="2" style="text-align: center"><br> <input type="submit" value="Wyślij"> <input type="reset" value="Wyczyść"> </td> </tr> </table> </div></form>...
- Marginesy CSS / Model pudełkowy CSS
...liniowych, elementy blokowe można stylizować przy użyciu właściwości CSS, takich jak szerokość, marginesy czy obramowanie. Przykładowy kod: <div style="width: 300px; margin: 10px; background-color: blue">Treść</div>.
- Obramowanie CSS / Atrybuty mieszane zaokrąglenia obramowania {border-radius}
...Jak zaokrąglić DIV CSS? Aby zaokrąglić rogi <div> w CSS, użyj właściwości border-radius i określ wartość promienia zaokrąglenia. Na przykład: <div style="border-radius: 10px; background-color: lightgray; padding: 20px">Treść</div> zaokrągli rogi <div> o promieniu 10 pikseli. Jak zaokrąglić rogi w zdjęciu? Aby zaokrąglić rogi w zdjęciu (<img>) w CSS, użyj właściwości border-radius i określ promień zaokrąglenia. Przykład: <img src="obraz.jpg" style="border-radius: 50%" alt="Zdjęcie">...
- Tabele HTML / Łączenie wierszy tabeli w grupy <thead, tbody, tfoot>
...komórek należy utworzyć dodatkowy znacznik TBODY, który nie musi posiadać żadnych atrybutów. Przykład <tbody> Po wpisaniu: <table> <tbody style="background-color: red"> <tr> <td>komórka1</td> <td>komórka2</td> <td>komórka3</td> </tr> <tr> <td>komórka4</td> <td>komórka5</td> <td>komórka6</td> </tr> </tbody> <tbody> <tr> <td>komórka7</td> <td>komórka8</td> <td>komórka9</td> </tr> </tbody> </table> otrzymamy: komórka1 komórka2 komórka3 komórka4 komórka5...
- Komendy HTML 4.01 / BODY
Ciało (treść) dokumentu. Zobacz więcej... Atrybuty: ALINK="kolor" Kolor aktywnych odsyłaczy, czyli takich, które zostały wybrane przez użytkownika (zdeprecjonowane) BACKGROUND="adres" Wskazuje adres obrazka, który będzie wstawiony sąsiadująco jako tło strony (zdeprecjonowane) BGCOLOR="kolor" Kolor tła (zdeprecjonowane) CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do...
- HTML5 / Przestarzałe elementy i atrybuty HTML5
...je obsługiwać. Jednak nie należy ich już używać w tworzonych nowych dokumentach. Przestarzałe elementy Znaczniki formatujące Ich funkcję przejęły style CSS. BASEFONT BIG CENTER FONT STRIKE TT Znaczniki pogarszające dostępność FRAME FRAMESET NOFRAMES Znaczniki rzadko używane Rodziły niejasności co do ich pierwotnego przeznaczenia. Ich funkcje z powodzeniem mogą przejąć inne elementy. ACRONYM - dla oznaczania wszystkich skrótów powinien być używany znacznik ABBR APPLET - w...
- Selektory pseudoklas CSS / Zogniskowanie :focus
...są to wszystkie elementy) [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Polecenie pozwala nadać określone atrybuty formatowania dla elementu (np. odsyłacza lub pola formularza), który przyjmuje w danej chwili zogniskowanie. Przykładowo dotyczy to odsyłacza, wybranego za pomocą klawisza tabulatora czy pola formularza, w którym znalazł się kursor. Przykład :focus...
- Selektory pseudoklas CSS / Łączenie selektorów
...{ content: "Rollover"; position: absolute; color: #000; background-color: #eee; font-size: 10px; border-width: 1px 2px 2px 1px; border-style: solid; border-color: #888; padding: 1px 5px } Jeśli wskażesz ten odsyłacz myszką, powinien pojawić się zaraz za nim nowy element z napisem "Rollover". A oto bardziej zaawansowany przykład: div.przyklad_selektory5 > ul:first-child[dir="ltr"]:lang(pl) + p[title]:first-letter { color: red; font-weight: bold; font-size: larger } To jest...