Przejdź do treści

obramowania - Kurs HTML i CSS

  • CSS
    Komendy CSS3 / Maskowanie CSS

    ...Zastosowanie wszystkie elementy Dziedziczenie nie Procenty zobacz cechy indywidualne Media visual mask-border Atrybuty mieszane maski obrazka obramowania Wartość <'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'> Inicjalizacja zobacz cechy indywidualne Zastosowanie zobacz cechy indywidualne Dziedziczenie nie Procenty nie Media visual mask-border-mode Tryb maski obrazka...

  • CSS
    Marginesy CSS / Atrybuty mieszane marginesu wewnętrznego {padding}

    ...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 (padding: 2cm 1cm) Tekst w tej komórce tabeli jest oddalony od górnego brzegu obramowania o 2cm, od lewego i prawego - o 1cm, a od dolnego - o 3cm (padding: 2cm 1cm 3cm) Tekst w...

  • CSS
    Menu w CSS / Poziome menu

    ...28e; color: #fff; border-top: 20px solid #26d; } Efekt wysuwania po wskazaniu myszką został uzyskany poprzez zwiększenie wysokości górnego obramowania linków. Określenie pozycji absolutnej eliminuje przesuwanie się elementów, które znajdują się poniżej menu, gdy podświetlamy linki. Jest to potrzebne tylko z uwagi na możliwy błąd w bardzo starych przeglądarkach. Czcionki Tekst Tło Marginesy Obramowanie ul, ul li { display: block; list-style: none; margin: 0; padding: 0...

  • CSS
    Menu w CSS / Pionowe menu

    ...szerokość (width) bloku odnośnika. Zgodnie z modelem pudełkowym szerokość ta jest równa szerokości bloku rodzica, pomniejszonej o sumę grubości obramowania (border) i szerokości marginesu wewnętrznego (padding) elementu, czyli: 200px - 2*2px - 2*5px = 186px Ustalamy kolor, tło, margines wewnętrzny (padding) i obramowanie odnośników, tak aby wyglądały jak przyciski. Dodatkowo usuwamy domyślne podkreślenie linków (text-decoration: none), które w tym przypadku jest niepożądane. Na koniec...

  • HTML
    Komendy HTML 4.01 / Wykaz atrybutów

    ...Kolor tła komórek tabeli bgcolor TD, TH Kolor tła komórek tabeli bgcolor TR Kolor tła wierszy tabeli border IMG, OBJECT Szerokość obramowania odnośnika border TABLE Szerokość obramowania tabeli cellpadding TABLE Odstępy wewnątrz komórek tabeli cellspacing TABLE Odstępy pomiędzy komórkami tabeli char COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR Znak wyrównujący, np.: char=':' charoff COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR Przesunięcie dla...

  • CSS
    Marginesy CSS / Wymiarowanie pudełka {box-sizing}

    ...że przy wymiarowaniu "border-box" miejsce na faktyczną zawartość treści w elemencie kurczy się w miarę dodawania marginesów wewnętrznych oraz obramowania. Może się zdarzyć zatem, że na właściwą zawartość w ogóle już nie wystarczy miejsca. Nie jest możliwe natomiast, aby właściwa zawartość treści elementu miała wartość ujemną. Używanie deklaracji "box-sizing: border-box" na nowych stronach raczej nie jest zalecane, gdyż może wprowadzić spore zamieszanie przy późniejszej rozbudowie...

  • CSS
    Dziedziczenie stylów CSS / Odwołanie wartości {...: unset}

    ...powodujący, że każde pogrubienie, które się znajduje wewnątrz niego, przyjmie atrybut koloru czcionki (biały), koloru tła (niebieski) oraz koloru obramowania (czerwony). Do elementów podrzędnych tego akapitu został jednak przypisany drugi styl. Dzięki niemu jeśli umieścimy pogrubienie wewnątrz pochylenia, jego kolor tekstu, tła oraz obramowania przyjmą wartość "unset". Zatem kolor tekstu zostanie odziedziczony z akapitu (tekst będzie zielony), natomiast kolor obramowania przyjmie wartość...

  • HTML
    Tabele HTML / Struktura tabeli HTML <table, tr, td>

    ...<tr> <td>komórka3</td> <td>komórka4</td> </tr> </table> Otrzymamy: komórka1 komórka2 komórka3 komórka4 Jak widać, taka tabela nie ma obramowania, dlatego jest mało czytelna. O tym, jak dodać obramowanie do tabeli, możesz przeczytać w sekcji CSS. Dla większej czytelności kodu można umieścić każdy znacznik <td> w nowej linii. Jest to przydatne zwłaszcza w przypadku dość obszernej treści w komórkach. Powyższa tabela jest równoznacza z: <table> <tr> <td>komórka1</td>...

  • CSS
    Marginesy CSS / Model pudełkowy CSS

    ...Kaskadowych Arkuszy Stylów (CSS), w którym każdy element na stronie jest traktowany jako "pudełko" składające się z treści, marginesów, paddingu i obramowania. Właściwości CSS, takie jak width, height, margin, padding oraz border, wpływają na wymiary i układ tych pudełek, co pozwala na precyzyjne pozycjonowanie i stylizację elementów na stronie. Co to jest model blokowy? Model blokowy odnosi się do sposobu wyświetlania elementów w HTML i CSS, gdzie elementy blokowe (np. <div>, <p>)...

  • CSS
    Marginesy CSS / Załamywanie marginesów

    ...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 marginesem...

« 1 2 3 4 5 6 »

★★★★★ 5/5 (289)

Facebook