prawy - Kurs HTML i CSS
Marginesy CSS / Prawy margines {margin-right}...jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Wpisanie auto ustali wartość automatyczną. Komenda pozwala wprowadzić prawy margines dla danego elementu, a więc np. dodatkową odległość od prawego brzegu strony. Przykład {margin-right} To jest akapit z prawym marginesem margin-right: 4cm i dlatego jest oddalony od prawej krawędzi strony o 4cm.
- Marginesy CSS / Prawy margines wewnętrzny {padding-right}
selektor { padding-right: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Przykład {padding-right} Tekst w tej komórce tabeli jest oddalony od prawego brzegu obramowania o 2cm (padding-right: 2cm)
- Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?
...margin i width mogą otrzymać wartość auto, wtedy właśnie zostaną dopasowane. Jeśli kierunek tekstu jest ustalony jako "ltr" (od lewej do prawej) prawy margines jest dopasowywany. Jeśli kierunek tekstu jest ustalony jako "rtl" (od prawej do lewej) lewy margines jest dopasowywany. Jeśli dokładnie jedna z własności jest ustawiona na auto, zostaje ona dopasowana. Jeśli width jest ustawione na auto, wszystkie inne wartości auto przekształcają się na zero, a szerokość jest ustalana z...
- Marginesy CSS / Atrybuty mieszane marginesu {margin}
...który ma wszystkie marginesy równe 2cm (margin: 2cm) Dwie wartości - z których pierwsza oznacza górny i dolny margines, natomiast druga - lewy i prawy. Przykład To jest akapit, który ma górny i dolny margines równy 2cm, a lewy i prawy 1cm (margin: 2cm 1cm) Trzy wartości - z których pierwsza oznacza górny margines, druga - jednocześnie lewy i prawy, a ostatnia - dolny. Przykład To jest akapit, który ma górny margines równy 2cm, lewy i prawy 1cm, a dolny 3cm (margin: 2cm 1cm 3cm)...
Znaki specjalne HTML / Międzynarodowe...joiner Pionowa linia z łącznikiem ‎ ‎ Left-to-right mark Znak "lewa do prawej" ‏ ‏ Right-to-left mark Znak "prawy do lewego" – – En dash Powiększony myślnik – — — Em dash Uwydatniony myślnik — ‘ ‘ Left single quotation mark Lewy pojedynczy znak cudzysłowu ‘ ’ ’ Right single quotation mark Prawy pojedynczy znak cudzysłowu ’ ‚ ‚ Single low-9 quotation mark...
- Selektory pseudoelementów CSS / Cudzysłowy {quotes}
...ASCII) ' "\0027" Apostrof (pojedynczy znak cudzysłowu ASCII) ‹ "\2039" Pojedynczy lewy cudzysłów ostrokątny › "\203A" Pojedynczy prawy cudzysłów ostrokątny « "\00AB" Podwójny lewy cudzysłów ostrokątny » "\00BB" Podwójny prawy cudzysłów ostrokątny ‘ "\2018" Lewy pojedynczy cudzysłów (górne "6") ’ "\2019" Prawy pojedynczy cudzysłów (górne "9") “ "\201C" Lewy podwójny cudzysłów (górne "66") ” "\201D" Prawy podwójny cudzysłów (górne "99") „...
- Rozmiary CSS / Szerokość i marginesy automatyczne
...wszystkie z powyższych własności mają przypisaną wartość auto, a kierunek tekstu (direction) jest ustawiony jako "ltr" (od lewej do prawej), to prawy margines zostanie dopasowany. W efekcie powinniśmy otrzymać blok, którego szerokość całego pudełka będzie się pokrywać z szerokością bloku obejmującego. W przypadku kierunku tekstu "rtl" (od prawej do lewej) to lewy margines zostanie dopasowany. Jeżeli dokładnie jedna wartość jest przypisana jako auto, zostaje ona dopasowana tak, aby...
- Marginesy CSS / Atrybuty mieszane marginesu wewnętrznego {padding}
...dla marginesów: pionowych i poziomych trzech wartości - pierwsza określa górny margines wewnętrzny, druga - jednocześnie oba poziome (lewy i prawy), a ostatnia - dolny czterech wartości - osobno dla kolejnych marginesów (górny prawy dolny lewy) Przykład {padding} Tekst w tej komórce tabeli jest oddalony od wszystkich brzegów obramowania o 1cm (padding: 1cm) Tekst w tej komórce tabeli jest oddalony od górnego i dolnego brzegu obramowania o 2cm, a od lewego i prawego - o 1cm...
- Menu w CSS / Poziome menu
...grafikę zakladka2.gif. Lewy narożnik obrazka zakładki został wstawiony w tle pozycji listy (bez powielania), natomiast grafika ze środkiem i prawym narożnikiem znalazła się w tle odnośników. Odnośniki muszą być wyświetlone w bloku, ponieważ inaczej grafiki zakładek nie pokrywałyby się (alternatywnie można przypisać pozycjom listy taki sam pionowy margines wewnętrzny jak odnośnikom): Czcionki Tekst Tło Marginesy Obramowanie Lewy margines wewnętrzny odnośników odpowiada za...
- Tło CSS / Pozycja tła obrazkowego {background-position}
...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ć pozycję obrazka w tle. Polecenie to ma sens, tylko jeśli określimy równocześnie tło obrazkowe oraz ograniczymy jego powtarzanie (no-repeat, repeat-x lub repeat-y). Przykład...