Component CSS File

A component can include a CSS file. Use standard CSS syntax to style Lightning web components.

To style a component, create a stylesheet in the component bundle with the same name as the component. If the component is called myComponent, the style sheet is myComponent.css. The stylesheet is applied automatically.

A component’s CSS file can have a maximum file size of 128 KB (131,072 bytes).

To share CSS style rules among components, create a module that contains only a CSS file and a configuration file. Import the module into the CSS files of Lightning web components.

See Also

The Summer '25 guide is now live

Looking for the Component Reference? Go to https://developer.salesforce.com/docs/component-library/.

Clouds with binary code floating aboveCloud with binary code floating above

No Results

Search Tips:

  • Please consider misspellings
  • Try different search keywords
Get Started
Create Lightning Web Components
Define a Component
Component Folder
Component HTML File
Component JavaScript File
Component Configuration File
Component CSS File
Component SVG Icon
Additional JavaScript Files
Component Tests
Component Namespaces
Component Versions
HTML Templates
Style a Component
Composition
Fields, Properties, and Attributes
JavaScript
TypeScript (Developer Preview)
Work with the DOM
Access Salesforce Resources
Component Accessibility
Lifecycle Hooks
Third-Party Web Components (Beta)
Mobile-Ready Components
Work with Lightning Base Components
Communicate with Events
Work with Salesforce Data
Develop Secure Code
Use Components in Salesforce Targets
Use Components Outside Salesforce with Lightning Out
Aura Coexistence
Migrate Aura Components
Debug Lightning Web Components
Test Lightning Web Components
Improve Performance
Reference