li {
  margin-bottom: 5px;
}
li:before {content: "is not "}

/* type of media */

@media screen
{
  li#screen:before {content: "is "}
  li#screen {color: green}
}

@media print
{
  li#printer:before {content: "is "}
  li#printer {color: green}
}

@media handheld
{
  li#handheld:before {content: "is "}
  li#handheld {color: green}
}

@media tv
{
  li#tv:before {content: "is "}
  li#tv {color: green}
}

@media projector
{
  li#projector:before {content: "is "}
  li#projector {color: green}
}

@media aural
{
  li#aural:before {content: "is "}
  li#aural {color: green}
}

@media tty
{
  li#tty:before {content: "is "}
  li#tty {color: green}
}

/* properties of the medias */

@media all and (grid)
{
  li#grid:before {content: "is "}
  li#grid {color: green}
}

@media all and (monocrome)
{
  li#monocrome:before {content: "is "}
  li#monocrome {color: green}
}

@media all and (color)
{
  li#mycolor:before {content: "is "}
  li#mycolor {color: green}
}

@media all and (min-color: 3)
{
  li#morethen2color:before {content: "is "}
  li#morethen2color {color: green}
}

/* resolution */

@media all and (min-resolution: 50dpi)
{
  li#lowres:before {content: "is "}
  li#lowres {color: green}
}

@media all and (min-resolution: 100dpi)
{
  li#midres:before {content: "is "}
  li#midres {color: green}
}

@media all and (min-resolution: 300dpi)
{
  li#highres:before {content: "is "}
  li#highres {color: green}
}

/* size */

@media all and (max-width: 10cm)
{
  li#lowwidth:before {content: "is "}
  li#lowwidth {color: green}
}

@media all and (min-width: 10cm) and (max-width: 20cm)
{
  li#lowmidwidth:before {content: "is "}
  li#lowmidwidth {color: green}
}

@media all and (min-width: 20cm) and (max-width: 30cm)
{
  li#midwidth:before {content: "is "}
  li#midwidth {color: green}
}

@media all and (min-width: 30cm)
{
  li#wide:before {content: "is "}
  li#wide {color: green}
}

/* device-aspect-ratio */
@media all and (min-device-aspect-ratio: 1/1)
{
  li#landscapeDAR:before {content: "is "}
  li#landscapeDAR {color: green}
}

@media all and (max-device-aspect-ratio: 1/1)
{
  li#portraitDAR:before {content: "is "}
  li#portraitDAR {color: green}
}

/* aspect-ratio */
@media all and (min-aspect-ratio: 1/1)
{
  li#landscapeAR:before {content: "is "}
  li#landscapeAR {color: green}
}

@media all and (max-aspect-ratio: 1/1)
{
  li#portraitAR:before {content: "is "}
  li#portraitAR {color: green}
}