Az oldalról

Kódok, leírások gyűjteménye, amelyeket magáncélra, saját oldalaim fejlesztéséhez összegyűjtöttem.

Kódok próbája

Utolsó kommentek

  • Járgányharcosok: Szent Korona Őrzői (Guardians Of The Korony) 2017.10.19. 19:32 A kapitánysági mocskok szimplán sz... (2017.11.06. 12:10) Menük, modulok háttere /GPORTAL
  • Járgányharcosok: Szent Blackopscel 2017.10.19. 12:27 Te aranyszobor fogdosó köcsög! Már megint te vagy a legutolsó... (2017.11.06. 12:10) Menük, modulok háttere /GPORTAL
  • Járgányharcosok: Arhitektúra Kritikúra 2017.09.22. 18:23:39 Azt a rendőrörsöt állítólag a híres zsidó meleg építés... (2017.11.06. 12:09) Menük, modulok háttere /GPORTAL
  • Járgányharcosok: Szent Korona Őrzői (Guardians Of The Korony) 2017.10.03. 11:12:33 Szerintem is eléggé háttérbe sz... (2017.11.06. 12:08) Menük, modulok háttere /GPORTAL
  • Járgányharcosok: Hahóka! Beláthattyátok ti gagyik, hogy vesztesek vagytok ellenünk! Ja, és a Mulnár görény amint tu... (2017.11.06. 12:07) Menük, modulok háttere /GPORTAL
  • Utolsó 20

Számlálók

free web counter



Keretek

2009.01.21. 15:38 :: hkriszta

<p style="border-width:1px;border-style:solid;border-color:blue;">This text has border styles applied using the border-width, border-style, and border-color properties.</p>

 

This text has border styles applied using the border-width, border-style, and border-color properties.

 

Border Styles

Borders can have the following styles.

<p style="border:4px solid blue;">This text has a border style of 'solid'.</p>
<p style="border:4px dotted blue;">This text has a border style of 'dotted'.</p>
<p style="border:4px dashed blue;">This text has a border style of 'dashed'.</p>
<p style="border:4px double blue;">This text has a border style of 'double'.</p>
<p style="border:4px groove blue;">This text has a border style of 'groove'.</p>
<p style="border:4px ridge blue;">This text has a border style of 'ridge'.</p>
<p style="border:4px inset blue;">This text has a border style of 'inset'.</p>
<p style="border:4px outset blue;">This text has a border style of 'outset'.</p>
<p style="border:4px hidden blue;">This text has a border style of 'hidden'.</p>

This results in:

This text has a border style of 'solid'.

This text has a border style of 'dotted'.

This text has a border style of 'dashed'.

This text has a border style of 'double'.

This text has a border style of 'groove'.

This text has a border style of 'ridge'.

This text has a border style of 'inset'.

This text has a border style of 'outset'.

This text has a border style of 'hidden'.

 

A keretek variációi

 

If you don't want the border settings to be applied to all four sides, or if you want each side to have different styles applied, you can use the following properties:

Explicit Properties

  • border-bottom-color
  • border-bottom-style
  • border-bottom-width
  • border-left-color
  • border-left-style
  • border-left-width
  • border-right-color
  • border-right-style
  • border-right-width
  • border-top-color
  • border-top-style
  • border-top-width

Example:

<p style="border-bottom-width:4px;border-bottom-style:double;border-bottom-color:blue;">This text has a bottom border.</p>

This results in:

This text has a bottom border.

Shorthand Properties

The following properties provide you with a more concise way of specifying font properties for each side.

  • border-bottom
  • border-left
  • border-right
  • border-top

Example:

<p style="border-bottom:4px double blue;">This text has a bottom border.</p>

This results in:

This text has a bottom border.

 

 

 


Szólj hozzá!

Címkék: szövegformázás kódokkal

A bejegyzés trackback címe:

https://kodok.blog.hu/api/trackback/id/tr77893629

Kommentek:

A hozzászólások a vonatkozó jogszabályok  értelmében felhasználói tartalomnak minősülnek, értük a szolgáltatás technikai  üzemeltetője semmilyen felelősséget nem vállal, azokat nem ellenőrzi. Kifogás esetén forduljon a blog szerkesztőjéhez. Részletek a  Felhasználási feltételekben és az adatvédelmi tájékoztatóban.

Nincsenek hozzászólások.