# Tab Overlapping ## Content You can control the overlapping of tabs by setting the [TabStripOverlap](/componentone/api/wpf/online-tabcontrol5/dotnet-api/C1.WPF.TabControl/C1.WPF.TabControl.C1TabControl.TabStripOverlap.html) property and the [TabStripOverlapDirection](/componentone/api/wpf/online-tabcontrol5/dotnet-api/C1.WPF.TabControl/C1.WPF.TabControl.C1TabControl.TabStripOverlapDirection.html) property. The **TabStripOverlap** property controls how many pixels of the tab overlap, and the **TabStripOverlapDirection** direction property allows you to select an enumeration value that sets the direction of the overlap. The **TabStripOverlapDirection** property has three enumeration values – **Right**, **Left**, and **RightLeftFromSelected**. > type=note > **Note**: The **TabStripOverlap** property for each of the following examples has been set to a value of 10. | **Right![](https://cdn.mescius.io/document-site-files/images/fd13627f-3e59-47ec-89e2-86c13c4f9d2c/images/tabcontrol/overlapright.png)**
The rightmost tabs are in the back while the selected tab is in the front. | **Left** ![](https://cdn.mescius.io/document-site-files/images/fd13627f-3e59-47ec-89e2-86c13c4f9d2c/images/tabcontrol/overlapleft.png) The leftmost tabs are in the back while the selected tab is in the front. | | --- | --- | | **RightLeftFromSelected![](https://cdn.mescius.io/document-site-files/images/fd13627f-3e59-47ec-89e2-86c13c4f9d2c/images/tabcontrol/overlaprlfromsel.png)**
Leftmost tabs are in the back, rightmost tabs are in the back, and the selected tab is in the front. | |