Notice: Undefined variable: kategoria_name in /functions/top_menu.php on line 18

Notice: Undefined variable: kategoria_cattitle in /functions/top_menu.php on line 18
Style CSS display
Loading:


    Styl CSS display

    Styl definiuje sposób wyświetlania/interpretowania elementu.

    WARTOŚCI

    block - CSS: 2.1, 2.0, 1.0
    tworzy element blokowy, wartość domyślna


    inline - CSS: 2.1, 2.0, 1.0
    tworzy element liniowy


    inline-block - CSS: 2.1
    tworzy element liniowy z wnętrzem blokowym


    list-item - CSS: 2.1, 2.0, 1.0
    tworzy listę


    none - CSS: 2.1, 2.0, 1.0
    ukrywa element


    compact - CSS: 2.0
    tworzy zagęszczony akapit bez odstępów


    run-in - CSS: 2.1, 2.0
    tworzy element liniowy, jeżeli następny jest element blokowy


    marker - CSS: 2.0
    tworzy marker


    table-header-group - CSS: 2.1, 2.0
    tworzy nagłówek tabeli


    table-footer-group - CSS: 2.1, 2.0
    tworzy stopkę tabeli


    table - CSS: 2.1, 2.0
    tworzy tabelę


    inline-table - CSS: 2.1, 2.0
    tworzy tabelę


    table-caption - CSS: 2.1, 2.0
    tworzy podpis tabeli


    table-cell - CSS: 2.1, 2.0
    tworzy komórkę tabeli


    table-row - CSS: 2.1, 2.0
    tworzy rząd tabeli
    table-row-group - CSS: 2.1, 2.0
    tworzy grupę rzędów tabeli


    table-column - CSS: 2.1, 2.0
    tworzy kolumnę tabeli

    table-column-group - CSS: 2.1, 2.0
    tworzy grupę kolumn tabeli

    inherit - CSS: 2.1, 2.0
    przejęcie wartości "rodzica", np. display: inherit;


    Napisz Artyku³

    Listing

    Przykład 1:

    <p style="display: inline;"> akapity przekształcone są w zwykłe</p>
    <p style="display: inline;"> elementy liniowe, co spowodowało </p>
    <p style="display: inline;"> wyświetlenie tekstu w jednej linii</p>

    akapity przekształcone są w zwykłe

    elementy liniowe, co spowodowało

    wyświetlenie tekstu w jednej linii


    Przykład 2:

    dla odmiany elementy u (podkreślenia) zostały

    <u style="display: block;"> zamienione na elementy blokowe </u>
    <u style="display: block;"> i teraz przypominają w działaniu </u>
    <u style="display: block;"> elementy br (przejście do nowej linii)</u>

    dla odmiany elementy u (podkreślenia) zostały zamienione na elementy blokowe i teraz przypominają w działaniu elementy br (przejście do nowej linii)

    Przykład 3:

    a gdyby tak z elementów b (pogrubienie) zrobić listę? proszę:
    <b style="display: list-item;"> pierwsza pozycja </b>
    <b style="display: list-item;"> druga pozycja </b>
    <b style="display: list-item;"> trzecia pozycja </b>

    a gdyby tak z elementów b (pogrubienie) zrobić listę? proszę: pierwsza pozycja druga pozycja trzecia pozycja

    Przykład 4:

    tutaj powinien być napis, ale został ukryty:
    <span style="display: none;">napis</span>

    tutaj powinien być napis, ale został ukryty: napis

    Przykład 5:

    Pierwsza linia tekstu
    <u style="display: compact;">kolejna, wydzielona linia, która teraz
    jest akapitem, pozbawionym odstępów na dole i powyżej</u>
    Ostatnia linijka tekstu

    Pierwsza linia tekstu kolejna, wydzielona linia, która teraz jest akapitem, pozbawionym odstępów na dole i powyżej Ostatnia linijka tekstu

    Przykład 6:

    <p>To jest pierwszy akapit.</p>
    <p style="display: run-in;">To jest drugi akapit jako "run-in",
    czyli liniowy.</p>
    <p>To jest trzeci akapit.</p>

    To jest pierwszy akapit.

    To jest drugi akapit jako "run-in", czyli liniowy.

    To jest trzeci akapit.

    Przykład 7:

    <style type="text/css"><!--
    .ukryty { display: none; }
    --></style>
     




    Dodano przez: igor
    Ranga: Administrator serwisu Punktów: 0
    Komentarze użytkowników
      • Tre¶æ komentarza
        Kod do komentarza (opcjonalnie)
        PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
        Autor
        Token
        token

         

         








    funkcje.net
    Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-2025 v.1.5 | design: diviXdesign & rainbowcolors