color - Kurs HTML i CSS
Pozycjonowanie CSS / Wyświetlanie {display}...</tr> </table> komórka1 komórka2 komórka3 komórka4 To jest zwykły tekst display: inline-block; width: 150px; height: 100px; background-color: silver To jest zwykły tekst Dla porównania zwykły blok: To jest zwykły tekst width: 150px; height: 100px; background-color: silver To jest zwykły tekst Pytania i odpowiedzi {display} Do czego służy "display" w CSS? W CSS, właściwość display kontroluje sposób, w jaki element jest renderowany w przeglądarce. Określa, czy element jest...
- Komendy CSS 2 / Specyfikacja CSS
...(zależną od typu), już bez znaków < >. Typy które przyjmują takie same wartości jak inne cechy, zostały ujęte w znaki <' oraz '> (np. <'background-color'>). Ich wartości należy szukać pod podaną nazwą. Typy ujęte w znaki < oraz >, które nie zostały wymienione powyżej (np.: <absolute-size>), stanowią specjalne wartości, określone tylko dla danej cechy. Należy ich szukać w opisie danej cechy (po kliknięciu jej nazwy). Znak "|" oddzielający dwie lub więcej wartości oznacza, że dokładnie jedna...
- Pozycjonowanie CSS / Przezroczystość {opacity}
...półprzezroczysta warstwa ("opacity: 0.5")... To jest górna, półprzezroczysta warstwa ("opacity: 0.5")... Pytania i odpowiedzi {opacity, background-color: transparent} Jak ustawić przezroczystość w CSS? Aby ustawić przezroczystość w CSS, używa się właściwości opacity. Można ustawić wartość od 0 (element całkowicie przezroczysty) do 1 (element całkowicie widoczny). Jak dodać przezroczystość? Aby dodać przezroczystość do elementu w CSS, używa się właściwości opacity. Na przykład...
- Tło CSS / Gradient promienisty {background: radial-gradient repeating-radial-gradient}
... [ [ circle | ellipse ] || [ closest-corner | closest-side | farthest-corner | farthest-side ] ] [ at <position> ]? , | at <position> , ]? <color-stop> [ , <color-stop> ]+ ) Z powodu złożoności składni gradientu promienistego, przy jego komponowaniu polecam skorzystać ze specjalnego generatora. ✅ Rozpocznij konfigurację gratientu Przykład {background: radial-gradient} radial-gradient(white, black) Jeżeli identyczną deklarację gradientu wstawimy pod elementem prostokątnym, zamiast...
Komendy HTML 4.01 / Wykaz atrybutów...rozdzielonych odstępami axis TD, TH Lista powiązanych nagłówków rozdzielonych przecinkami background BODY Obrazek w tle dokumentu bgcolor BODY Kolor 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...
- Tabele HTML / Łączenie wierszy tabeli w grupy <thead, tbody, tfoot>
...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 komórka6...
- Komendy CSS 2 / background
WARTOŚĆ [<'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'>] | inherit OPIS Atrybuty mieszane tła INICJALIZACJA zobacz cechy indywidualne ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY dla cechy 'background-position' MEDIA visual
- Komendy HTML 4.01 / BASEFONT
Ustala atrybuty czcionki bazowej (zdeprecjonowane). Atrybuty: CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami COLOR="kolor" Ustala kolor tekstu (zdeprecjonowane) DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej FACE="czcionki" Lista nazw czcionek rozdzielonych przecinkami, która będzie użyta do tekstu (zdeprecjonowane) ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie...
- Komendy HTML 4.01 / FONT
Zmienia atrubuty czcionki dla tekstu, który zawiera (zdeprecjonowane). Atrybuty: CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami COLOR="kolor" Ustala kolor tekstu (zdeprecjonowane) DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej FACE="czcionki" Lista nazw czcionek rozdzielonych przecinkami, która będzie użyta do tekstu (zdeprecjonowane) ID="nazwa" Przypisuje nazwę elementowi...
- Wstawianie stylów CSS / Rozciąganie stylu <span style>
...selektorowi możemy nadać kilka atrybutów (cech). Są one wtedy rozdzielone średnikami. Przykład <span style> Po wpisaniu w edytorze: <span style="color: red"> <b>To jest pogrubienie (element wyświetlany w linii) w ramach SPAN</b>, a to jest zwykły tekst - również wewnątrz span. </span> Otrzymamy: To jest pogrubienie (element wyświetlany w linii) w ramach SPAN, a to jest zwykły tekst - również wewnątrz SPAN. Pytania i odpowiedzi <span style> Do czego służy znacznik SPAN? Znacznik...