CSS

Layout

Property	Type	Description	Example
swt-tab-height	Pixel	Height of tab header	22px
jtab-border-radius	Pixel	Radius for border of Tab and Tab Items	4px
jtab-spacing	Pixel	Gap between each tab items	2px
jtab-item-padding	Bounds	Padding for inside area of Tab Item	0px 5px 0px 5px
jtab-padding	Bounds	Padding for tab body content	2px 2px 2px 2px
jtab-margin	Bounds	Margin for the tab body	0px 4px 4px 4px
jtab-shadow-color	Color	Color for the shadow of tab body	gray
jtab-shadow-position	Point	Shadow offset for shadow of the tab body	2px 2px
jtab-shadow-radius	Pixel	Radius for the shadow of tab body	4px

Tab Header & Tab Body

Property	Type	Description	Example
swt-unselected-tabs-color	Gradient	Gradient for the background of tab header	red yellow #fff 50% 100%
jtab-border-color	Gradient	Gradient for the border of tab body	blue red 100%
background	Color	Color for the content wrapping area of tab body	white

Selected Tab Item

Property	Type	Description	Example
swt-selected-tabs-background	Gradient	Gradient for selected tab item	blue orange white 20% 100%
jtab-selected-border-color	Gradient	Gradient for the border of selected tab item	#000 #999 100%
jtab-selected-text-shadow-color	Color	Color for the shadow of selected tab item text	white
jtab-selected-text-shadow-position	Point	Offset for the shadow of selected tab item text	1px 1px

sets text color of selected tab item

.MPartStack > CTabItem:selected {
	color : black;
}

Unselected Tab Item

Property	Type	Description	Example
jtab-unselected-tabs-background	Gradient	Gradient for unselected tab item	blue orange white 20% 100%
jtab-unselected-border-color	Gradient	Gradient for the border of unselected tab item	#000 #999 100%
jtab-unselected-text-shadow-color	Color	Color for the shadow of unselected tab item text	white
jtab-unselected-text-shadow-position	Point	Offset for the shadow of unselected tab item text	1px 1px

sets text color of unselected tab item

.MPartStack > CTabItem {
	color : black;
}

Hovered Tab Item

Property	Type	Description	Example
jtab-hover-color	Color	Color for the text of hovered tab item	red
jtab-hover-tabs-background	Gradient	Gradient for hover tab item	blue orange white 20% 100%
jtab-hover-border-color	Gradient	Gradient for the border of hover tab item	#000 #999 100%
jtab-hover-text-shadow-color	Color	Color for the shadow of hover tab item text	white
jtab-hover-text-shadow-position	Point	Offset for the shadow of hover tab item text	1px 1px

Other CTabFolder Properties

Property	Type	Description	Example
jtab-close-button-color	Color	Color for close button	red
jtab-close-button-hot-color	Color	Hover color for close button	red
jtab-close-button-active-color	Color	Active color for close button	red
jtab-close-button-line-width	Pixel	Line width of the close button	2px
jtab-chevron-color	Color	Chevron color	red

Types

Bounds

Bounds Type composed with top right bottom left. You can skip some values:

	jtab-margin : 4px;
	jtab-margin : 4px 4px 4px 4px;

	jtab-margin : 4px 10px;
	jtab-margin : 4px 10px 4px 10px;

Gradient

	jtab-selected-border-color: red;			/* solid color */
	jtab-selected-border-color: red white 100%; /* gradient */
	jtab-selected-border-color: none;			/* Don't draw */