1
2
';\n(lineHeight(div) / div.offsetHeight); // 2, how trunkata performs its calculations\n```\n\n## Donations\nSupport this project and [others by twolfson][projects] via [donations][support-me]\n\n[projects]: http://twolfson.com/projects\n[support-me]: http://twolfson.com/support-me\n\n## Documentation\n`line-height` provides a single function.\n\n```js\nlineHeight(node);\n/**\n * Calculate the `line-height` of a given node\n * @param {HTMLElement} node Element to calculate line height of. Must be in the DOM.\n * @returns {Number} `line-height` of the element in pixels\n */\n```\n\n## Solved problems\n### `line-height: normal`\nIn a large amount of browsers, the [computed style][computed-style] for an element's `line-height` is `normal` by default.\n\nIf it is specified by any other means (e.g. ancestor has a `line-height` or the element has a `line-height` specified), it is either a [CSS length][css-length].\n\nTo solve this problem, we create a vanilla element of the same `nodeName` (e.g. `h2` if it is an `h2`), apply the original element's `font-size`, and return the element `offsetHeight`. This is the `height` of `1 line` of the element (i.e. `line-height`).\n\n[computed-style]: https://developer.mozilla.org/en-US/docs/Web/API/window.getComputedStyle\n[css-length]: https://developer.mozilla.org/en-US/docs/Web/CSS/length\n\n### Converting `pt`, `pc`, `in`, `cm`, `mm` to `px`\nIn most browsers, when the `line-height` is specified in `pt`, `pc`, `in`, `cm` or `mm`, the `computedStyle` value is in the same unit.\n\nTo solve this problem, we use the [standard ratios of conversion to pixels][css-length] to make a conversion to pixels.\n\n- 3pt to 4px\n- 1pc to 16px\n- 1in to 96px\n- 2.54cm to 96px\n- 25.4mm to 96px\n\n### `numeric` font-size in IE6\nIn IE6, `numeric` `font-size`s (e.g. `font-size: 2.3`) are returned without a unit.\n\nTo solve this problem, we treat this number as an `em` since it is relative as well. To do that, we set the element's style to `\"numeric value\" + \"em\"`, compute and save the `font-size`, remove the temporary style. This conversion gives us the unit in `pt` which we know how to deal with from before.\n\n## Development\n### Testing\nTests can be run once via:\n\n```bash\nnpm test\n# Or with Karma directly via\n# npm run test-karma-single\n```\n\nTests can also be run continuously via:\n\n```bash\nnpm run test-karma-single\n```\n\n## Contributing\nIn lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint via `npm run lint` and test via `npm test`.\n\n## License\nCopyright (c) 2013 Todd Wolfson\n\nLicensed under the MIT license.\n","maintainers":[{"name":"twolfson","email":"todd@twolfson.com"}],"time":{"modified":"2022-06-19T12:28:18.097Z","created":"2013-07-22T01:32:32.319Z","0.1.0":"2013-07-22T01:32:33.833Z","0.1.1":"2013-07-22T02:10:31.345Z","0.2.0":"2017-02-09T10:40:46.430Z","0.2.1":"2017-02-09T11:08:10.427Z","0.3.0":"2017-02-09T11:18:47.756Z","0.3.1":"2017-02-09T11:26:17.881Z"},"author":{"name":"Todd Wolfson","email":"todd@twolfson.com","url":"http://twolfson.com/"},"repository":{"type":"git","url":"git://github.com/twolfson/line-height.git"},"homepage":"https://github.com/twolfson/line-height","keywords":["line-height","lineHeight","getComputedStyle","css"],"bugs":{"url":"https://github.com/twolfson/line-height/issues"},"readmeFilename":"README.md","license":"MIT"}