right - Kurs HTML i CSS
Komendy CSS 2 / border-top-width, border-right-width, border-bottom-width, border-left-widthWARTOŚĆ <border-width> | inherit OPIS Atrybuty mieszane szerokości górnego/prawego/dolnego/lewego obramowania INICJALIZACJA medium ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- Komendy CSS 2 / margin-top, margin-right, margin-bottom, margin-left
WARTOŚĆ <margin-width> | inherit OPIS Szerokość górnego/prawego/dolnego/lewego marginesu INICJALIZACJA 0 ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY odnosi się do szerokości bloku obejmującego MEDIA visual
- Komendy CSS 2 / padding-top, padding-right, padding-bottom, padding-left
WARTOŚĆ <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 CSS 2 / right
WARTOŚĆ <długość> | <procent> | auto | inherit OPIS Odległość od prawej krawędzi elementu pozycjonowanego INICJALIZACJA auto ZASTOSOWANIE elementy pozycjonowane DZIEDZICZENIE nie PROCENTY odnosi się do szerokości bloku obejmującego MEDIA visual
- Pozycjonowanie CSS / Ustawienie {float, vertical-align}
...[zobacz: Wstawianie stylów]. Natomiast jako "sposób" należy podać: left - element ustawiony po lewej stronie, względem elementów sąsiadujących right - element ustawiony po prawej stronie, względem elementów sąsiadujących none - element nie sąsiaduje z innymi Polecenie pozwala zdefiniować ustawienie danego elementu względem elementów, które z nim sąsiadują. Dzięki temu możemy ustalić sposób "oblewania" tekstem elementu pływającego (np. obrazka). Przykład {float} float: left... float...
- Komendy CSS3 / Tło i obramowanie CSS
...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 border-right border-right-color border-right-style border-right-width...
- Szablon strony na DIV-ach / Stały szablon
...body { background-color: #fff; color: #000; margin: 0; padding: 0; text-align: center; } #top { width: 780px; margin-left: auto; margin-right: auto; text-align: left; } #NAGLOWEK { background-color: #888; } #MENU { width: 150px; float: left; overflow: hidden; background-color: #ccc; } #TRESC { width: 630px; float: left; overflow: hidden; background-color: #fff; } #STOPKA { clear: both; width: 100%; background-color: #888; } Wyjaśnienie: Pierwszą regułą stylów w...
Aktualizacja / System newsów...css - np. news.css: /* Tytuł: */ .news dt { font-size: 14px; /* rozmiar czcionki */ text-align: left; /* wyrównanie tekstu: left, right, center, justify */ padding: 5px; /* margines wewnątrz */ border-width: 1px; /* grubość obramowania */ border-style: solid; /* styl obramowania: solid, dashed, dotted, double, groove, ridge, inset, outset */ border-color: gray; /* kolor obramowania */ font-weight: bold; } .news dt, .news dt a:link, .news dt a:visited...
- Szablon strony na DIV-ach / Płynny szablon
...MENU { width: 150px; float: left; overflow: hidden; position: relative; background-color: #ccc; } #INFORMACJE { width: 150px; float: right; overflow: hidden; position: relative; background-color: #ccc; } #TRESC { margin-left: 150px; margin-right: 150px; background-color: #fff; } #STOPKA { clear: both; background-color: #888; } Sytuacja analogiczna jak poprzednio, jednak teraz musimy ustawić kolumnę dodatkowych informacji po prawej stronie treści strony (float...
- Tło CSS / Pozycja tła obrazkowego {background-position}
...Wstawianie stylów]. Natomiast 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...