Przejdź do treści

solid - Kurs HTML i CSS

  • HTML
    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

  • CSS
    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...

  • CSS
    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

  • CSS
    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

  • CSS
    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...

  • CSS
    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 }

  • CSS
    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...

  • CSS
    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...

  • CSS
    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...

  • CSS
    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; }

« 1 2 3

★★★★★ 5/5 (289)

Facebook