HEMEN ARA: +90 538 826 60 86

Websitetescil

Websitetescil

Alanya Web Tasarım ajansı - Google Reklam Hizmetleri

Tel +90 538 826 60 86
Email: info@websitetescil.com

WEB SİTE TESCİL - TEKNO SERVİS
Hacet, 600. Sk. No:10, 07400 Alanya/Antalya

Open in Google Maps
  • ANASAYFA
    • HOMEPAGES v4.0+
      • ARIES HOMEPAGE
      • ORION HOMEPAGE
      • VEGA HOMEPAGE
      • ATLAS HOMEPAGE
    • HOMEPAGES v4.0+
      • KUMA HOMEPAGE
      • ARA HOMEPAGE
      • KRONOS HOMEPAGE
    • CLASSIC HOMEPAGES
      • HOMEPAGE 1
      • HOMEPAGE 2
      • HOMEPAGE 3
      • HOMEPAGE BOXED
    • CLASSIC HOMEPAGES
      • HOMEPAGE 4
      • HOMEPAGE 5
      • HOMEPAGE 6
    • SINGLE PAGE WEBSITE
      • ATHOS ONE-PAGENEW
  • HAKKIMIZDA
  • HİZMETLERİMİZ
    • WEB TASARIM
      • WORDPRESS
      • JOOMLA
      • OPENCART
      • REALESTATE(EMLAK SAYFALARI)
    • ÖZEL YAZILIM
      • SATSİSPRO
      • SATICI ÜRÜN EKLEME
      • PORTFOLIO FRAMES
      • LAPTOP SLIDER
      • LAPTOP SLIDER (ALTERNATIVE)
      • ICAROUSEL
    • İTERNET WI-FI
      • MİKROTİK
      • OTEL MÜŞTERİ KARŞILAMA EKRANI
      • WI-FI DASHBOARD
      • CIRCULAR CAROUSEL
      • CIRCULAR CAROUSEL (ALTERNATIVE)
      • FANCY SLIDER
    • KURSLARIMIZ
      • WORDPRESS KURSU
      • JOOMLA KURSU
      • OPENCART & E-TİCARET KURSU
      • MS OFFICE KURSLARI
      • DONANIM KURSU
      • SERVER KURSU
  • REFERANSLAR
    • FEATURES
      • BLOG
      • ALTERNATIVE BLOG
      • BLOG STYLE #2
      • s
      • SORTABLE PORTFOLIO FULL
      • CAROUSELS PORTFOLIO
      • CAROUSELS PORTFOLIO COLS
      • PORTFOLIO CATEGORIES
        • PORTFOLIO CAT. – 4 COLS
        • PORTFOLIO CAT. – 3 COLS
        • PORTFOLIO CAT. – 2 COLS
        • PORTFOLIO CAT. – 1 COL
      • s
      • THEME STYLES
        • TYPOGRAPHY
        • ICONS
        • TABLES
      • CUSTOM SUBHEADERS
        • BACKGROUND IMAGE
        • BACKGROUND VIDEO
        • BACKGROUND COLORS
        • ANIMATED SPARKLES
        • Sep
        • EASTER HOLIDAYS
        • ST. PATRICK’S
        • 4th JULY
        • CHRISTMAS
      • MODALS / POPUPS
      • PAGE PRELOADERS
İLETİŞİMFORMU
  • Home
  • Style – Tables
29 Ocak 2023

Style – Tables

Style – Tables

Default styles

For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table>
  …
</table>

Optional classes

Add any of the following classes to the .table base class.

.table-striped

Adds zebra-striping to any table row within the <tbody> via the :nth-child CSS selector (not available in IE7-IE8).

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table>
  …
</table>

.table-bordered

Add borders and rounded corners to the table.

# First Name Last Name Username
1 Mark Otto @mdo
Mark Otto @TwBootstrap
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table>
  …
</table>

.table-hover

Enable a hover state on table rows within a <tbody>.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table>
  …
</table>

.table-condensed

Makes tables more compact by cutting cell padding in half.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table>
  …
</table>

Optional row classes

Use contextual classes to color table rows.

Class Description
.success Indicates a successful or positive action.
.error Indicates a dangerous or potentially negative action.
.warning Indicates a warning that might need attention.
.info Used as an alternative to the default styles.
# Product Payment Taken Status
1 TB – Monthly 01/04/2012 Approved
2 TB – Monthly 02/04/2012 Declined
3 TB – Monthly 03/04/2012 Pending
4 TB – Monthly 04/04/2012 Call in to confirm
...
  <tr class="success">
    <td>1</td>
    <td>TB - Monthly</td>
    <td>01/04/2012</td>
    <td>Approved</td>
  </tr>
...

Supported table markup

List of supported table HTML elements and how they should be used.

Tag Description
<table> Wrapping element for displaying data in a tabular format
<thead> Container element for table header rows (<tr>) to label table columns
<tbody> Container element for table rows (<tr>) in the body of the table
<tr> Container element for a set of table cells (<td> or <th>) that appears on a single row
<td> Default table cell
<th> Special table cell for column (or row, depending on scope and placement) labelsMust be used within a <thead>
<caption> Description or summary of what the table holds, especially useful for screen readers
<table>
  <caption>...</caption>
  <thead>
    <tr>
      <th>...</th>
      <th>...</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>...</td>
      <td>...</td>
    </tr>
  </tbody>
</table>
0

Bir cevap yazın Cevabı iptal et

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Son Yazılar

  • Merhaba dünya!
  • Progressively repurpose cutting-edge models
  • Enthusiastically administrate ubiquitous
  • Uniquely productize next-generation opportunities
  • Dramatically integrate viral technologies

Son Yorumlar

  1. Bir WordPress yorumcusu - Merhaba dünya!

Featured Posts

  • Merhaba dünya!

    1 comments
  • Progressively repurpose cutting-edge models

    0 comments
  • Enthusiastically administrate ubiquitous

    0 comments
  • Uniquely productize next-generation opportunities

    0 comments
  • Dramatically integrate viral technologies

    0 comments

Son Yorumlar

  • Merhaba dünya! için Bir WordPress yorumcusu

Archives

  • Ekim 2021
  • Ağustos 2015

Categories

  • Genel
  • Mobile
  • Networking
  • Technology

Meta

  • Giriş
  • Yazı beslemesi
  • Yorum beslemesi
  • WordPress.org

GET A FREE QUOTE

Please fill this for and we'll get back to you as soon as possible!

Hizmetlerimiz

Alanya Web Tasarım, Alanya Web Dizayn, Alanya Google Ads, alanya web tasarımı, alanya web tasarım fiyatları, alanya google reklamı verme, google reklam hizmeti, alanya web seo, google'a reklama nasıl verilir.

İletişim

Tel +90 538 826 60 86
Email: info@websitetescil.com

Adres

Web Site Tescil
Hacet, 600. Sk. No:10, 07400 Alanya/Antalya

Open in Google Maps

  • GET SOCIAL
Websitetescil

© 1999 Tüm Hakları saklıdır Alanya Web Tasarım Hiz. A.Ş.

TOP