CSS Keywords used for UI widgets

I am learning some new CSS properties and the practical usage of this one is confusing.

This is for the font selector. It’s properties include:

  • caption
  • icon
  • menu
  • message-box
  • small-caption
  • status-bar
  • Apparently you delclare the selector like this:


    and it changes the text used in that widget per the specifications of that font family.

    Does any body know of any practical application/examples of this on websites? I am not sure I understand how this works either.

    Does this article help?

    Yes, thank you!