---
schema_version: "1"
id: 00c02ebb75aeb7a682e219b9b29bddc737bda4ad0cdecafb5383059a94fb3383
title: Styling Pages that Use Standard Controllers
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/platform/salesforce-pages-developers-guide/guides/pages/controller-std/pages-controller-std-styling.md
canonical_url: https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/guide/pages-controller-std-styling.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: e248404ca7dc26fbea7958b49eca8589fa9db9275fe6bc2adb407f054c301184
products:
  - Visualforce Developer Guide
  - Platform Developer Content
---

# Styling Pages that Use Standard Controllers

Any page associated with a standard controller automatically inherits the style that is used for standard Salesforce pages associated with the specified object. That is, the tab for the specified object appears selected, and the associated color of the tab is used to style all page elements.

You can override the styling of a page that uses a standard controller with the `tabStyle` attribute on the `<apex:page>` tag. For example, the following page uses the Account standard controller, but renders a page that highlights the Opportunities tab and uses the Opportunity tab's yellow coloring:

<!-- otherprops: apex_page -->
```markup
<apex:page standardController="Account" tabStyle="Opportunity">
</apex:page>
```

To use the styling associated with MyCustomObject:

<!-- otherprops: apex_page -->
```markup
<apex:page standardController="Account" tabStyle="MyCustomObject__c">
</apex:page>
```

To use the styling associated with a custom Visualforce tab, set the attribute to the name (not label) of the tab followed by a double-underscore and the word tab. For example, to use the styling of a Visualforce tab with the name Source and a label Sources, use:

<!-- otherprops: apex_page -->
```markup
<apex:page standardController="Account" tabStyle="Source__tab">
</apex:page>
```

Alternatively, you can override standard controller page styles with your own custom stylesheets and inline styles.

**See Also**  


-   [Styling Visualforce Pages](https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/styling/pages-styling.md)

