solid - Kurs HTML i CSS
- HTML5 / Otwierany panel <details, summary>
...CSS, tak aby otwarty panel prezentował się wizualnie inaczej niż zamknięty - np. można dodać do niego czerwoną ramkę: details[open] { border: 1px solid red; } Przykład <details, summary> Zobacz przykład: DETAILS, SUMMARY
- Selektory atrybutów CSS / Selektor atrybutu o określonej wartości
...to na pola innego typu (np. na przycisk wysłania formularza - type="submit"), należałoby wpisać np. taką regułę: input[type="text"] { border: 1px solid black } Niestety również ta deklaracja nie jest interpretowana przez MSIE 6 🙁. Jedynym rozwiązaniem problemu wydaje się użycie klasy selektorowej dla każdego pojedynczego znacznika pola tekstowego w formularzu. Wtedy przynajmniej będzie można określić wszystkie własności formatowania elementu w jednym miejscu (arkuszu stylów), co znacznie...
- Obramowanie CSS / Kolor obramowania {border-...-color}
...generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obramowania Przykład {border-top-color} border-top-color: red; border-top-style: solid
- Obramowanie CSS / Atrybuty mieszane obrysu {outline}
...możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obrysu Przykład {outline} outline: medium solid blue
- Selektory pseudoklas CSS / Atrybut języka :lang
...zastosowana: */ p[lang|="pl"] { color: blue } Przykład :lang Po wpisaniu w arkuszu stylów: p:lang(en) { color: red } div:lang(en) { border: 1px solid red } a następnie w kodzie źródłowym: <p lang="en">1. This is paragraph with attribute <b>lang="en"</b>.</p> <p lang="en-US">2. This is paragraph with attribute <b>lang="en-US"</b>.</p> <div lang="en">This is block with attribute <b>lang="en"</b>... <p>3. This is paragraph inside block, but without attribute lang.</p> <p lang="pl">4. To...
- Selektory pseudoklas CSS / Pusty element :empty
...nie otrzymały zmienionego formatowania. Przykład z użyciem elementu, który nie posiada znacznika zamykającego: img:empty { border: 1px solid red }
- Tabele CSS / Obramowanie tabeli {border-collapse, border}
...użyj właściwości border na selektorze tabeli lub jej komórek. Na przykład, aby dodać obramowanie do wszystkich komórek tabeli: table { border: 1px solid black }. Możesz dostosować grubość, kolor i styl obramowania według własnych preferencji. Co robi "border-collapse"? W CSS, właściwość border-collapse jest używana do określenia, czy obramowania komórek w tabeli mają się stykać, czy zachować odstęp między sobą. Wartość collapse powoduje, że obramowania komórek są zlepione razem...
- Kolory CSS / Wykaz kolorów systemowych
...i polach przewijania zawartości GrayText Grayed (disabled) text. This color is set to #000 if the current display driver does not support a solid gray color Kolor tekstu na zablokowanych elementach Highlight Item(s) selected in a control Wybrana pozycja HighlightText Text of item(s) selected in a control Tekst wybranej pozycji InactiveBorder Inactive window border Obramowanie nieaktywnego okna InactiveCaption Inactive window caption Nagłówek...
- Układ wielokolumnowy CSS / Linia rozdzielająca kolumn {column-rule-color, column-rule-style, column-rule-width, column-rule}
...specyfikacja CSS nie pozwala ustalać różnej linii rozdzielającej kolumny tego samego elementu. Przykład {column-rule} columns: 3; column-rule: 1px solid black; To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. Tekst jest automatycznie przenoszony z końca jednej kolumny na początek sąsiedniej, leżącej po jej prawej stronie... To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. Tekst jest automatycznie przenoszony z końca jednej kolumny na początek...
- Dziedziczenie stylów CSS / Odwołanie wartości {...: unset}
...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; }