---
schema_version: "1"
id: d15caf5b78182e79323bdf14c883052cd9143ef3bb57a5e784255a1766d29549
title: Vendor Prefixes
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/platform/aura-platform/guides/aura/theming/theming-prefixes.md
canonical_url: https://developer.salesforce.com/docs/platform/aura-platform/guide/theming-prefixes.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: fa81eeff647493cbe8a0a8ad9ae7bda92f436d6cef723d874d9ccab482b9d7c2
products:
  - Lightning Aura Components Developer Guide
  - Platform Developer Content
---

# Vendor Prefixes

Vendor prefixes, such as `—moz-` and `—webkit-` among many others, are automatically added in Lightning.

You only need to write the unprefixed version, and the framework automatically adds any prefixes that are necessary when generating the CSS output. If you choose to add them, they are used as-is. This enables you to specify alternative values for certain prefixes.

For example, this is an unprefixed version of `border-radius`.

```nolang
.class {
  border-radius: 2px;
}
```

The previous declaration results in the following declarations.

```nolang
.class {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
```