# postcss-ordered-values

> Ensure values are ordered consistently in your CSS.

Latest version **9.0.2** (published 2026-09-05) · MIT license · 0 weekly downloads

## Install

```sh
npm install postcss-ordered-values
pnpm add postcss-ordered-values
yarn add postcss-ordered-values
bun add postcss-ordered-values
```

## Health

**Score 55/100 (C)** — status: active.

Positive: no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads; no types; no esm support.

## Facts

| | |
|---|---|
| Version | 9.0.2 |
| Published | 2026-09-05 |
| First published | 2015-08-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4976 |
| Author | Ben Briggs |
| Maintainers | beneb, ludovicofischer, ai, chriseppstein, andyjansson, evilebottnawi, cssnano-bot |
| Keywords | css, postcss, postcss-plugin |

## Links

- npm: https://www.npmjs.com/package/postcss-ordered-values
- Repository: https://github.com/cssnano/cssnano
- Issues: https://github.com/cssnano/cssnano/issues
- npm.io page: https://npm.io/package/postcss-ordered-values

## Alternatives

- [style-dictionary](https://npm.io/package/style-dictionary.md) — 2.0M weekly downloads
- [postcss-merge-idents](https://npm.io/package/postcss-merge-idents.md) — 1.7M weekly downloads
- [@fontsource/noto-sans](https://npm.io/package/@fontsource/noto-sans.md) — 93.0K weekly downloads
- [uglifycss](https://npm.io/package/uglifycss.md) — 71.6K weekly downloads
- [mat4-interpolate](https://npm.io/package/mat4-interpolate.md) — 23.3K weekly downloads

## Recent versions

- 9.0.2 (latest) — 2026-09-05
- 5.0.0-rc.2 (next) — 2021-03-15
- 4.0.0-nightly.2020.2.6 (nightly) — 2021-02-06
- 9.0.1 — 2026-09-01
- 9.0.0 — 2026-08-27
- 8.0.5 — 2026-08-20
- 8.0.4 — 2026-08-16
- 8.0.3 — 2026-08-09
- 8.0.2 — 2026-08-04
- 8.0.1 — 2026-06-11
- 8.0.0 — 2026-05-06
- 7.0.4 — 2026-05-02
- 7.0.3 — 2026-04-20
- 7.0.2 — 2025-05-06
- 7.0.1 — 2024-06-19
- … 51 more at https://npm.io/package/postcss-ordered-values/versions

## README

# [postcss][postcss]-ordered-values

> Ensure values are ordered consistently in your CSS.


## Install

With [npm](https://npmjs.org/package/postcss-ordered-values) do:

```
npm install postcss-ordered-values --save
```


## Example

Some CSS properties accept their values in an arbitrary order; for this reason,
it is entirely possible that different developers will write their values in
different orders. This module normalizes the order, making it easier for other
modules to understand which declarations are duplicates.

### Input

```css
h1 {
    border: solid 1px red;
    border: red solid .5em;
    border: rgba(0, 30, 105, 0.8) solid 1px;
    border: 1px solid red;
}
```

### Output

```css
h1 {
    border: 1px solid red;
    border: .5em solid red;
    border: 1px solid rgba(0, 30, 105, 0.8);
    border: 1px solid red;
}
```


## Support List

For more examples, see the [tests](test).

* `animation`, `-webkit-animation`
* `border(border-left|right|top|bottom)`
* `box-shadow`
* `columns`
* `flex-flow`
* `grid`
* `list-style`
* `outline`
* `transition`, `-webkit-transition`


## Usage

See the [PostCSS documentation](https://github.com/postcss/postcss#usage) for
examples for your environment.


## Contributors

See [CONTRIBUTORS.md](https://github.com/cssnano/cssnano/blob/main/CONTRIBUTORS.md).


## License

MIT © [Ben Briggs](https://beneb.info)

[postcss]: https://github.com/postcss/postcss

---
_Source: https://npm.io/package/postcss-ordered-values · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._