---
schema_version: "1"
id: 900729d845a294570022669023ed75c43b4f94126627be3d8508f20765d8c2bc
title: Using Salesforce Styles
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/platform/salesforce-pages-developers-guide/guides/pages/styling/pages-styling-salesforce.md
canonical_url: https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/guide/pages-styling-salesforce.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: c3cd5f5f89a0eb06fe9eec86884b02220d10f87f29187d441ac52754b663adfb
products:
  - Visualforce Developer Guide
  - Platform Developer Content
---

# Using Salesforce Styles

Many Visualforce components already have the look and feel of the same components in Salesforce, such as the related list in a detail page, or a section header. Part of the styling of these components, including the component’s color scheme, is based on the tab on which the component appears. You can specify the tab style that should be used to style a component by associating a page with a standard controller, or by setting the `tabStyle` attribute on the `<apex:page>` or `<apex:pageBlock>` tags.

-   When you use a standard controller with a Visualforce page, your new page takes on the style of the associated object’s standard tab in Salesforce. It also allows you to access the methods and records associated with the associated object.
-   When you use a custom controller, the `tabStyle` attribute of an `<apex:page>` tag allows you to mimic the look and feel of the associated Salesforce page. If you only want portions of the page to be similar to a Salesforce page, you can use the `tabStyle` attribute on the `<apex:pageBlock>` tag. For an example, see [Defining Getter Methods](https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/quick-start/advanced/pages-quick-start-controller-getter-methods.md).