W zależności od możliwości urządzenia, na którym oglądasz tę stronę, niektóre z poniższych punktów mogą być pogrubione na czerwono. Zwróć uwagę, że zmiana rozmiaru okna przeglądarki, rozdzielczości ekranu czy jakości kolorów systemu operacyjnego może dynamicznie wpływać na formatowanie - bez potrzeby przeładowywania strony. Możesz również włączyć podgląd wydruku i wypróbować, jak zmienia się formatowanie wybranych punktów poniższej listy. Jeżeli posiadasz urządzenie mobilne, możesz spróbować zmienić orientację ekranu (pionowa/pozioma).

  1. all and (color)
  2. only all and (color)
  3. only screen
  4. only print
  5. (color)
  6. not all and (color)
  7. not screen
  8. not print
  9. screen and (min-width: 1024px)
  10. screen and (min-width: 800px) and (max-width: 1024px)
  11. screen and (color) and (min-width: 800px) and (max-width: 1024px)
  12. screen and (device-width: 1280px)
  13. screen and (device-width: 1024px)
  14. print and (min-device-width: 210mm)
  15. print and (min-device-width: 297mm)
  16. all and (orientation: portrait)
  17. all and (orientation: landscape)
  18. screen and (min-aspect-ratio: 1280/800)
  19. screen and (device-aspect-ratio: 1280/800)
  20. screen and (device-aspect-ratio: 1024/800)
  21. tv and (device-aspect-ratio: 16/9)
  22. all and (min-color: 2)
  23. all and (min-color: 3)
  24. all and (min-color: 4)
  25. all and (min-color: 5)
  26. all and (min-color: 6)
  27. all and (min-color: 7)
  28. all and (min-color: 8)
  29. all and (min-color: 9)
  30. all and (min-color: 10)
  31. all and (min-color: 11)
  32. all and (color: 8)
  33. all and (color: 10)
  34. all and (color-index)
  35. all and (monochrome)
  36. all and (min-resolution: 96dpi)
  37. all and (min-resolution: 120dpi)
  38. tv and (scan: progressive)
  39. tv and (scan: interlace)
  40. all and (grid)

© www.kurshtml.edu.pl