CSS ﻝﻭﺪﺟ ﺯﺍﺮﺗ

فهرست مطالب

ﯽﻘﻓﺍ ﺯﺍﺮﺗ

.ﺪﻨﮐ ﯽﻣ ﻢﯿﻈﻨﺗ ﺍﺭ (ﺰﮐﺮﻣ ﺎﯾ ﺖﺳﺍﺭ ،ﭗﭼ ﺪﻨﻧﺎﻣ) ﯽﻘﻓﺍ ﺯﺍﺮﺗ

ﺪﻧﺭﺍﺩ ﺭﺍﺮﻗ ﻂﺳﻭ ﺯﺍﺮﺗ ﺰﮐﺮﻣ ﺭﺩ <th> ﺮﺻﺎﻨﻋ ﯼﺍﻮﺘﺤﻣ ،ﺽﺮﻓﺶﯿﭘ ﺭﻮﻃﻪﺑ

:ﺪﯿﻨﮐ ﻩﺩﺎﻔﺘﺳﺍ text-align: center ﺯﺍ ،ﺰﯿﻧ <td>








  
  Firstname
  Lastname
  Savings
  
  
  Peter
  Griffin
  $100
  
  
  Lois
  Griffin
  $150
  
  
  Joe
  Swanson
  $300
  


                                                                          ﻝﺎﺜﻣ
 td
{
   
text-align: center;
}
                                                    → ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ
<!DOCTYPE html>
<html>
<head>
<style>
table, td, th {
  border: 1px solid black;
}

table {
  border-collapse: collapse;
  width: 100%;
}

td {
  text-align: center;
}
</style>
</head>
<body>

<h2>The text-align Property</h2>

<p>This property sets the horizontal alignment (like left, right, or center) of the content in th or td.</p>

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>Peter</td>
    <td>Griffin</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>Lois</td>
    <td>Griffin</td>
    <td>$150</td>
  </tr>
  <tr>
    <td>Joe</td>
    <td>Swanson</td>
    <td>$300</td>
  </tr>
  <tr>
    <td>Cleveland</td>
    <td>Brown</td>
    <td>$250</td>
  </tr>
</table>

</body>
</html>


                             ﺪﯿﻨﮐ ﺭﻮﺒﺠﻣ ﺍﺭ <th> ﺮﺻﺎﻨﻋ ﺯﺍﺮﺗ ،ﺍﻮﺘﺤﻣ ﭗﭼ ﺯﺍﺮﺗ ﯼﺍﺮﺑ

  
  Firstname
  Lastname
  Savings
  
  
  Peter
  Griffin
  $100
  
  
  Lois
  Griffin
  $150
  
  
  Joe
  Swanson
  $300
  
                                                                          ﻝﺎﺜﻣ
th
{
   
text-align: left;
}
                                                    → ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ
<!DOCTYPE html>
<html>
<head>
<style>
table, td, th {
  border: 1px solid black;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th {
  text-align: left;
}
</style>
</head>
<body>

<h2>The text-align Property</h2>

<p>This property sets the horizontal alignment (like left, right, or center) of the content in th or td.</p>

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>Peter</td>
    <td>Griffin</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>Lois</td>
    <td>Griffin</td>
    <td>$150</td>
  </tr>
  <tr>
    <td>Joe</td>
    <td>Swanson</td>
    <td>$300</td>
  </tr>
  <tr>
    <td>Cleveland</td>
    <td>Brown</td>
    <td>$250</td>
  </tr>
</table>

</body>
</html>


                                                                  ﯼﺩﻮﻤﻋ ﻥﺎﻣﺪﯿﭼ
.ﺪﻨﮐ ﯽﻣ ﻢﯿﻈﻨﺗ ﺍﺭ (ﻂﺳﻭ ﺎﯾ ﻦﯿﯾﺎﭘ ،ﻻﺎﺑ ﺪﻨﻧﺎﻣ) ﯼﺩﻮﻤﻋ ﺯﺍﺮﺗ 
  
  Firstname
  Lastname
  Savings
  
  
  Peter
  Griffin
  $100
  
  
  Lois
  Griffin
  $150
  
  
  Joe
  Swanson
  $300
  
                                                                          ﻝﺎﺜﻣ
td
{
   
height: 50px;
   
vertical-align: bottom;
}
                                                    → ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ
<!DOCTYPE html>
<html>
<head>
<style>
table, td, th {
  border: 1px solid black;
}

table {
  border-collapse: collapse;
  width: 100%;
}

td {
  height: 50px;
  vertical-align: bottom;
}
</style>
</head>
<body>

<h2>The vertical-align Property</h2>

<p>This property sets the vertical alignment (like top, bottom, or middle) of the content in th or td.</p>

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>Peter</td>
    <td>Griffin</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>Lois</td>
    <td>Griffin</td>
    <td>$150</td>
  </tr>
  <tr>
    <td>Joe</td>
    <td>Swanson</td>
    <td>$300</td>
  </tr>
  <tr>
    <td>Cleveland</td>
    <td>Brown</td>
    <td>$250</td>
  </tr>
</table>

</body>
</html>



  
    
      ← صفحه قبلی
    
    
      صفحه بعد →