obramowanie - Kurs HTML i CSS
Tabele CSS / Rozplanowanie tabeli {table-layout}...z wartości: szerokość bloku obejmującego tabeli oraz suma minimalnych szerokości poszczególnych kolumn powiększona o odstępy między komórkami i obramowanie. Jednakże, jeżeli suma wyznaczonych maksymalnych możliwych szerokości kolumn plus odstępy między komórkami i obramowanie jest mniejsza niż szerokość bloku obejmującego, tabela przyjmuje właśnie tą szerokość, a nie rozmiar bloku obejmującego. Rozplanowanie ustalone {table-layout: fixed} W tym algorytmie poziome rozplanowanie tabeli...
- Obramowanie CSS / Szerokość obramowania {border-...-width}
...może być dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "szerokość" należy podać: thin - cienkie obramowanie medium - średnie obramowanie thick - grube obramowanie lub konkretną wartość w jednostkach długości Pozwala zdefiniować szerokość dowolnego brzegu obramowania. Przy tworzeniu obramowania możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obramowania Przykład {border-top-width}...
- Tabele CSS / Puste komórki tabeli {empty-cells}
...sposób } Selektorem może być element TABLE, TD lub TH [zobacz: Wstawianie stylów]. Natomiast jako "sposób" należy podać: show - pokaż obramowanie wokół pustych komórek hide - schowaj obramowanie wokół pustych komórek Polecenie określa czy obramowanie wokół pustych komórek tabeli ma zostać pokazane czy ukryte. Przy definiowaniu sposobu wyświetlania pustych komórek tabeli możesz skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację tabeli...
- Menu w CSS / Rozdzielenia struktury i prezentacji dokumentu
...<li><a href="tekst.html">Tekst</a></li> <li><a href="tlo.html">Tło</a></li> <li><a href="marginesy.html">Marginesy</a></li> <li><a href="obramowanie.html">Obramowanie</a></li> </ul> Rezultat bez stylizacji jest następujący: Czcionki Tekst Tło Marginesy Obramowanie Kod ten będzie wykorzystywany we wszystkich przykładach, zawartych dalej w tym rozdziale. W rzeczywistych warunkach warto jeszcze dodać do znacznika <ul>...</ul> identyfikator lub klasę CSS, aby poprzez...
Odsyłacze HTML / Odsyłacz obrazkowy <a href, img, map, area>...obrazów mogą mieć utrudnioną lub wręcz uniemożliwioną nawigację w takim menu! Przykład <a href, img> Kliknij na tym przycisku: Aby usunąć obramowanie wokół obrazka, należy wpisać: <a href="..."><img src="..." style="border: 0" alt="tekst alternatywny"></a> Przykład <a href, img "border"> Rozszerzony odsyłacz obrazkowy (mapa odsyłaczy) <img, map, area> <img src="ścieżka dostępu do obrazka" alt="tekst alternatywny" usemap="#nazwa_mapy"> <map id="nazwa_mapy" name="nazwa_mapy">...
- Tabele HTML / Struktura tabeli HTML <table, tr, td>
...Otrzymamy: komórka1 komórka2 komórka3 komórka4 Jak widać, taka tabela nie ma obramowania, dlatego jest mało czytelna. O tym, jak dodać obramowanie do tabeli, możesz przeczytać w sekcji CSS. Dla większej czytelności kodu można umieścić każdy znacznik <td> w nowej linii. Jest to przydatne zwłaszcza w przypadku dość obszernej treści w komórkach. Powyższa tabela jest równoznacza z: <table> <tr> <td>komórka1</td> <td>komórka2</td> </tr> <tr> <td>komórka3</td> <td>komórka4</td>...
- Kaskadowe Arkusze Stylów / Dlaczego warto używać CSS?
Po co w ogóle stosować style CSS? Czy warto poświęcać czas na naukę poleceń, które w większości przypadków istnieją również bezpośrednio w składni HTML? Otóż ja uważam, że warto. Dlaczego? Najważniejsze zalety płynące ze stosowania stylów opiszę poniżej, a jeśli i to Cię nie przekona, radzę poszukać sobie bardziej przydatnego zajęcia (np. szydełkowanie z wykorzystaniem techniki haftu ozdobnego 😉). Style stały się już praktycznie podstawowym narzędziem formatującym. Jeśli poważnie myślisz o...
- Marginesy CSS / Wymiarowanie pudełka {box-sizing}
...box-sizing"? Właściwość CSS box-sizing pozwala kontrolować sposób obliczania całkowitego rozmiaru elementu, uwzględniając marginesy, padding i obramowanie. Dzięki temu można precyzyjnie zarządzać wymiarami elementów w modelu pudełkowym. Domyślnie wartość box-sizing to content-box, gdzie szerokość i wysokość elementu obejmują tylko treść. Co to jest "box-sizing: border-box"? "box-sizing: border-box" to wartość właściwości CSS box-sizing, która definiuje, że szerokość i wysokość...
- Kolory CSS / Wykaz kolorów systemowych
Kolor Definicja Nazwa Objaśnienie ActiveBorder Active window border Obramowanie aktywnego okna ActiveCaption Active window caption Nagłówek aktywnego okna AppWorkspace Background color of multiple document interface Kolor tła wielodokumentowego interfejsu (MDI) Background Desktop background Tło pulpitu ButtonFace Face color for three-dimensional display elements Powierzchnia czołowa trójwymiarowych elementów ButtonHighlight Dark shadow for...
Indeks, wyszukiwarka / Przykład indeksu, wyszukiwarki...['Marginesy','../css/marginesy.html'], ['Media','../css/media.html'], ['Multimedia','../html/multimedia.html'], ['Obramowanie','../css/obramowanie.html'], ['Odsyłacze','../html/odsylacze.html'], ['Pozycjonowanie','../css/pozycjonowanie.html'], ['Promocja strony WWW','../html/promocja.html'], ['Ramki','../html/ramki.html'], ['Rozmiary','../css/rozmiary.html'], ['Selektory','../css/selektory.html'], ['Selektory atrybutów','../css/atrybuty.html'], ['Selektory...