### Navigation

- index
- next |
- previous |
- MathJax v2.0 documentation »
- Configuration Objects »

# The MathZoom extension

The options below control the operation of the Math-Zoom feature that allows users to see an enlarged version of the mathematics when they click or hover over typeset mathematics. They are listed with their default values. To set any of these options, include a `MathZoom` section in your `MathJax.Hub.Config()` call. For example

    MathJax.Hub.Config({
      MathZoom: {
        styles: {
          "#MathJax_Zoom": {
            "background-color": "#0000F0"
          }
        }
      }
    });

would set the background color of the Zoom box to a very light blue.

Mathematics is zoomed when the user “triggers” the zoom by an action, either clicking on the mathematics, double-clicking on it, or holding the mouse still over it (i.e., “hovering”). Which trigger is used is set by the user via the math contextual menu (or by the author using the `menuSettings` configuration section of the core configuration options <configure-hub>).

`delay: 500`

  This value is now stored as the `hover` parameter in the MathEvents configuration options, and will have no effect if given here.

`styles: {}`

  This is a list of CSS declarations for styling the zoomed mathematics. See the definitions in `extensions/MathZoom.js` for details of what are defined by default. See CSS Style Objects for details on how to specify CSS style in a JavaScript object.

### Navigation

- index
- next |
- previous |
- MathJax v2.0 documentation »
- Configuration Objects »