ChillCode
CSS
  1. Wprowadzenie do CSS
  2. Szybki start
  3. Selektory
  4. Komentarze
  5. Kolory
  6. Tło
  7. Wysokość | Szerokość
  8. Pozycja
  9. Przepełnienie
  10. Marginesy
  11. Dopełnienie
  12. Obramowanie
  13. Zarys
  14. Tekst
  15. Czcionki
  16. Wyświetlanie Elementów
  17. Obrazy
  18. Tabele
  19. Listy
  20. Z-index
  21. Właściwość float
  22. Kombinatory
  23. Pseudo Klasy
  24. Pseudo Elementy
  25. Pasek Nawigacyjny
  26. Przezroczystość
  27. Formularze
  28. Liczniki
  29. Funkcje Matematyczne
  30. Selektory Atrybutów
  31. Podsumowanie
Strona główna
Blog
O nas
Centrum pomocy
Wsparcie
  1. Wprowadzenie do CSS
  2. Szybki start
  3. Selektory
  4. Komentarze
  5. Kolory
  6. Tło
  7. Wysokość | Szerokość
  8. Pozycja
  9. Przepełnienie
  10. Marginesy
  11. Dopełnienie
  12. Obramowanie
  13. Zarys
  14. Tekst
  15. Czcionki
  16. Wyświetlanie Elementów
  17. Obrazy
  18. Tabele
  19. Listy
  20. Z-index
  21. Właściwość float
  22. Kombinatory
  23. Pseudo Klasy
  24. Pseudo Elementy
  25. Pasek Nawigacyjny
  26. Przezroczystość
  27. Formularze
  28. Liczniki
  29. Funkcje Matematyczne
  30. Selektory Atrybutów
  31. Podsumowanie

Najważniejsze Style Obramowania W CSS

Solid Obramowanie jest ciągłe i jednolite.

										
element {
  border: 2px solid black;
}

Solid

Dotted Obramowanie składa się z kropek.

										
element {
  border: 2px Dotted black;
}

Dotted

Dashed Obramowanie składa się z kresek.

										
element {
  border: 2px Dashed black;
}

Dashed

Double Definiuje podwójną granicę

										
element {
  border: 2px Double black;
}

Double

Groove Obramowanie jest rowkowane

										
element {
  border: 2px Groove black;
}

Groove

Ridge Definiuje prążkowane obramowanie

										
element {
  border: 2px Ridge black;
}

Ridge

Inset Definiuje wstawioną ramkę

										
element {
  border: 2px Inset black;
}

Inset

Outset Definiuje granicę początkową

										
element {
  border: 2px Outset black;
}

Outset

none Obramowanie nie jest widoczne.

										
element {
  border: 2px none black;
}

hidden Obramowanie jest ukryte

										
element {
  border: 2px hidden black;
}

Notatka

Obramowanie może zajmować dużo miejsca i wpłynąć na wygląd strony. Dlatego ważne jest, aby dobrze przemyśleć ustawienia obramowania i upewnić się, że nie wprowadzają one negatywnego wpływu na wygląd strony.