bottom - Kurs HTML i CSS
Komendy CSS 2 / padding-top, padding-right, padding-bottom, padding-leftWARTOŚĆ <padding-width> | inherit OPIS Atrybuty mieszane górnego/prawego/dolnego/lewego marginesu wewnętrznego INICJALIZACJA 0 ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY odnosi się do szerokości bloku obejmującego MEDIA visual
- Komendy CSS3 / Tło i obramowanie CSS
...background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius...
- Rozmiary CSS / Wysokość i marginesy automatyczne
...Szerokość i marginesy automatyczne, tzn. specjalne zasady dopasowywania wysokości (height) oraz pionowych marginesów elementów (margin-top, margin-bottom), po przypisaniu im wartości auto. Przedstawione poniżej punkty 1-3 obejmują również elementy pozycjonowane relatywnie. 1. Elementy inline, nie-zastępowane Jeżeli własności top, bottom, margin-top lub margin-bottom mają przypisaną wartość auto, przyjmują ostateczną wartość zero. Własność height nie ma zastosowania (nie można jej...
- Tło CSS / Pozycja tła obrazkowego {background-position}
...jako "pozycja" należy wpisać: Jedną wartość: center - obrazek na środku (w centrum) left - obrazek po lewej right - po prawej top - na górze bottom - na dole jednostka długości - odległość od lewej krawędzi Dwie wartości (oddzielone spacją): left top - lewy-górny róg left bottom - lewy-dolny róg right top - prawy-górny róg right bottom - prawy-dolny róg dwie jednostki długości, z których pierwsza oznacza odległość od lewej krawędzi, a druga - od górnej Pozwala ustalić...
- Tło CSS / Gradient liniowy {background: linear-gradient repeating-linear-gradient}
...to right top - ukośnie z lewego-dolnego do prawego-górnego narożnika to right - poziomo z lewej do prawej strony (odpowiednik 90deg) to right bottom - ukośnie z lewego-górnego do prawego-dolnego narożnika to bottom - pionowo z górny do dołu (odpowiednik 180deg - domyślnie) to left bottom - ukośnie z prawego-górnego do lewego-dolnego narożnika to left - poziomo z prawej do lewej strony (odpowiednik 270deg) to left top - ukośnie z prawego-dolnego do lewego-górnego narożnika kąt...
- Menu w CSS / Poziome menu
...Tekst Tło Marginesy Obramowanie ul, ul li { display: block; list-style: none; margin: 0; padding: 0; } ul { text-align: center; border-bottom: 1px solid #888; padding-bottom: 5px; } ul li { display: inline; white-space: nowrap; margin-right: 5px; } ul a:link, ul a:visited { text-decoration: none; background-color: #ccc; color: #000; border: 1px solid #888; padding: 5px; } ul a:hover { background-color: #fff; border-bottom-color: #fff; } Poszczególne odnośniki menu...
- Obramowanie CSS / Atrybuty mieszane obramowania {border}
...Atrybuty mieszane górnego obramowania: selektor { border-top: wartości atrybutów } Atrybuty mieszane dolnego obramowania: selektor { border-bottom: wartości atrybutów } Atrybuty mieszane lewego obramowania: selektor { border-left: wartości atrybutów } Atrybuty mieszane prawego obramowania: selektor { border-right: wartości atrybutów } Atrybuty mieszane całego obramowania: selektor { border: wartości atrybutów } Jako "wartości atrybutów" należy wpisać kolejne wartości...
- Pozycjonowanie CSS / Pozycja relatywna {position: relative}
...top: wartość - odległość od górnej krawędzi położenia spoczynkowego right: wartość - odległość od prawej krawędzi położenia spoczynkowego bottom: wartość - odległość od dolnej krawędzi położenia spoczynkowego Wyraz "wartość" oznacza konkretną odległość (od podanej krawędzi) względem położenia elementu bez używania pozycjonowania - położenie spoczynkowe. Należy ją wpisać używając jednostek długości. Wartość ujemna oznacza przesunięcie w przeciwną stronę. Można również wpisać auto...
- Pozycjonowanie CSS / Ustawienie {float, vertical-align}
...ustawia element na środku wysokości elementów sąsiadujących text-top - wyrównuje szczyt elementu do szczytu tekstu elementu nadrzędnego text-bottom - wyrównuje podstawę elementu do podstawy tekstu elementu nadrzędnego super - tworzy indeks górny z elementu, ale nie zmienia wielkości tekstu sub - tworzy indeks dolny z elementu, ale nie zmienia wielkości tekstu top - wyrównuje szczyt elementu do szczytu najwyższego elementu linii, w której się znajduje bottom - wyrównuje podstawę...
Aktualizacja / System newsów...dashed, dotted, double, groove, ridge, inset, outset */ border-color: gray; /* kolor obramowania */ border-top-width: 0; margin: 0; margin-bottom: 20px; } .news_content { padding: 5px; /* margines wewnatrz */ text-align: justify; /* wyrównanie tekstu: left, right, center, justify */ } /* Data */ .news_date { font-size: 11px; /* rozmiar czcionki */ text-align: left; /* wyrównanie tekstu: left, right, center, justify */ padding: 5px; padding-bottom: 0; } .news_date...