krawędź - Kurs HTML i CSS
Komendy HTML 4.01 / TABLE...lewej do prawej rtl - od prawej do lewej FRAME="krawędzie" Określa, które krawędzie ramki otaczającej tabelę będą widoczne: above - tylko górna krawędź below - tylko dolna krawędź border - wszystkie cztery krawędzie box - wszystkie cztery krawędzie hsides - tylko górna i dolna krawędź lhs - tylko lewa krawędź rhs - tylko prawa krawędź void - brak krawędzi (domyślnie) vsides - tylko lewa i prawa krawędź ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się...
Rozmiary CSS / Szerokość i marginesy automatyczne...był pozycjonowany statycznie (położenie spoczynkowe). Ustalona w ten sposób wartość będzie ujemna, jeśli hipotetyczne pudełko wychodzi poza lewą krawędź bloku obejmującego. Jeżeli 'right' jest ustawione na auto, a kierunek tekstu (direction) jest "rtl" (od prawej do lewej), zastąp wartość auto odległością od prawej krawędzi bloku obejmującego do prawej krawędzi marginesu (zewnętrznego) hipotetycznego pudełka (jak wyżej). Ustalona w ten sposób wartość będzie dodatnia, jeśli hipotetyczne...
- Obramowanie CSS / Nawis obramowania obrazkowego {border-image-outset}
...dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "nawis" należy podać wartość szerokości wystającej poza krawędź tradycyjnego obramowania, wyrażoną w jednostkach długości lub jako liczba naturalna (podająca wielokrotność szerokości obramowania). Możliwe jest przy tym podanie: jednej wartości - określa jednakową szerokość nawisu poza wszystkie krawędzie obramowania dwóch wartości - pierwsza określa szerokość nawisu poza górną i dolną krawędź...
- Ikony (symbole) / Akcje interfejsu użytkownika
...Pobierz 2 download_2 download_2 Rozwijane dropdown dropdown Otwórz uruchamianie open_run open_run Przewlekłe chronic chronic Strzałka i krawędź arrow_and_edge arrow_and_edge Dolna nawigacja bottom_navigation bottom_navigation Alternatywne przyciski buttons_alt buttons_alt Małe powiększenie magnification_small magnification_small Raporty partnerów partner_reports partner_reports Statystyka minus 3 stat_minus_3 stat_minus_3 Zamknij kartę tab_close tab_close Historia...
- Obramowanie CSS / Obramowanie obrazkowe {border-image-source}
...wyglądające ramki z graficznie wykończonymi krawędziami. W tradycyjnym podejściu zwykle przygotowuje się wtedy trzy elementy obrazkowe: górna krawędź ramki, dolna krawędź oraz boczne krawędzie w postaci grafiki powielanej w pionie. Przykład Tak wyglądają osobne części krawędzi obramowania (środkowy obrazek zostanie powielony w pionie, więc wystarczy, żeby miał wysokość 1px): Wykonanie ramki graficznej wymaga użycia następujące go kodu HTML: <div class="ramka"> <div...
- Marginesy CSS / Załamywanie marginesów
...załamane, pozycja elementu jest wyznaczana w następujący sposób: Jeśli marginesy elementu zostały załamane z górnym marginesem rodzica, górna krawędź obramowania jest taka sama jak dla rodzica. Jeśli rodzic nie bierze udziału w załamywaniu marginesów lub tylko dolny margines jest załamywany, pozycja górnej krawędzi obramowania elementu jest taka sama, jakby element miał niezerowe górne obramowanie. Element który ma ustawione przyleganie nigdy nie załamuje górnego marginesu z dolnym...
- Szablon strony na DIV-ach / Responsywny szablon
...w kolejności rosnącej. Nie musisz wszystkich zmian testować na różnych fizycznych urządzeniach mobilnych. Wystarczy że na komputerze przeciągniesz krawędź okna przeglądarki zmieniając w ten sposób jego szerokość. Strona dynamicznie dopasuje się do nowego rozmiaru - nawet bez potrzeby jej odświeżania. Analogicznie można przystosować szablon dla trzech kolumn: html, body { background-color: #fff; color: #000; margin: 0; padding: 0; } #NAGLOWEK { background-color: #888; }...
- Oprawa graficzna / Zamiennik obrazkowy
...50px; text-indent: -9999px; } Sztuczka polega na ustawienia ujemnego wcięcia - na tyle dużego, że tekst zostanie przesunięty w lewo całkiem poza krawędź ekranu. Wartość bezwzględna wcięcia nie może być zbyt mała, ponieważ inaczej posiadacze monitorów o dużej przekątnej ekranu mogliby zobaczyć część tekstu. Z uwagi na dużą wygodę, uniwersalność i kompatybilność, metoda ta jest obecnie bardzo chętnie stosowana przez webmasterów. Wady: W przeglądarce Firefox zastosowanie tej techniki do...
- Obramowanie CSS / Atrybuty mieszane stylu obramowania {border-style}
...wartości - dla wszystkich krawędzi naraz dwóch wartości - osobno dla krawędzi poziomych i pionowych trzech wartości - pierwsza określa górną krawędź, druga - jednocześnie obie pionowe, a ostatnia - dolną czterech wartości - osobno dla kolejnych krawędzi (górna prawa dolna lewa) Przy tworzeniu obramowania możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obramowania Przykład {border-style} border-style: dashed border-style: double...
- Obramowanie CSS / Atrybuty mieszane szerokości obramowania {border-width}
...wartości - dla wszystkich krawędzi naraz dwóch wartości - osobno dla krawędzi poziomych i pionowych trzech wartości - pierwsza określa górną krawędź, druga - jednocześnie obie pionowe, a ostatnia - dolną czterech wartości - osobno dla kolejnych krawędzi (górna prawa dolna lewa) Przy tworzeniu obramowania możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obramowania Przykład {border-width} border-width: 2mm; border-style: solid...