obramowania - Kurs HTML i CSS
Selektory atrybutów CSS / Selektor atrybutu o określonej wartości...użyciu znacznika <input type="...">. O tym jaki rodzaj pola zobaczymy na ekranie, decyduje atrybut type="...". Jeśli chcielibyśmy zmienić rodzaj obramowania dla wszytkich pól tekstowych (type="text"), tak aby nie wpłynęło 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...
- Tło CSS / Pozycja początkowa tła obrazkowego {background-origin}
...td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "początek" należy wpisać: border-box - pozycja tła będzie liczona względem krawędzi obramowania [Zobacz: Model pudełkowy] padding-box - pozycja tła będzie liczona względem krawędzi marginesu wewnętrznego (domyślnie) content-box - pozycja tła będzie liczona względem krawędzi właściwej zawartości elementu Zgodnie z komputerowym układem współrzędnych punkt zerowy znajduje się zawsze w lewym-górnym narożniku. W przypadku modelu...
- Selektory pseudoklas CSS / Łączenie selektorów
...wygląd po wskazaniu wszystkich odsyłaczy z tego bloku, bez wpływu na pozostałe znajdujące się na stronie: Link1 Link2 Link3 Zmiana koloru obramowania obrazka po wskazaniu go myszką: img.przyklad_selektory3 { border: 5px solid black } a:hover img.przyklad_selektory3 { border: 5px solid red } Wskaż poniższy obrazek myszką: Inny ciekawy przykład - tym razem z automatycznym generowaniem zawartości: a.przyklad_selektory4:hover:after { content: "Rollover"; position: absolute; color...
- Obramowanie CSS / Styl obrysu {outline-style}
...inset - "ramka" Przykład outline-style: inset outset - "przycisk" Przykład outline-style: outset Obrys jest zbliżony swoim wyglądem do obramowania. Istnieją jednak pewne różnice: Obrys nie zajmuje miejsca w modelu pudełkowym i dlatego nie wpływa na rozmiary ani pozycję żadnych elementów. Obrys nie musi być prostokątem. Jest tworzony zawsze na wierzchu elementu. Można ustawiać atrybuty obrysu tylko w stosunku do wszystkich boków jednocześnie (nie da się tego robić oddzielnie...
- Kolory CSS / Sposoby definiowania kolorów CSS
...(czyli wartość cechy color ustawionej bezpośrednio albo odziedziczonej). Jest to bardzo wygodny sposób na przypisanie np. identycznego koloru obramowania co znajdujący się w nim tekst. Dzięki temu przy zmianie koloru tekstu nie będziemy musieli pamiętać, aby zaktualizować również obramowanie - wtedy stanie się to automatycznie.
Wykaz generatorów...aby wstawić na swoją stronę tło z kolorowymi gradientami. Teraz możesz błyskawicznie skomponować nawet najbardziej złożony efekt. Generator obramowania CSS W kilka minut stwórz tekst ujęty w estetyczną ramkę z tłem, obramowaniem, zaokrąglonymi narożnikami, a nawet efektownie wyglądającym cieniem. Kalkulator (przelicznik) jednostek CSS Język CSS oferuje szeroką gamę jednostek. Ręczne przeliczanie wartości pomiędzy nimi może być uciążliwe i narażone na pomyłki. Znacznie szybciej użyć...
- Galeria zdjęć HTML / Klasyczna galeria zdjęć
...dla wszystkich miniatur, ponieważ ułatwia to utrzymanie estetyki strony. Obrazki w galerii zwykle ustawia się w komórkach tabeli (najczęściej bez obramowania), dzięki czemu można je dokładnie ustawić w rzędach i kolumnach. Jeżeli zamierzasz umieścić na swojej stronie obszerniejszą galerię grafik, zaleca się podzielenie jej na kilka części i stworzenie kilku podstron z miniaturkami. Wczytanie oryginalnego dużego obrazka następuje najczęściej po kliknięciu bezpośrednio jego miniaturki. Aby...