# Címsor elem

> A Címsor elem beállításai: HTML-címke, típus, stílus, link és a díszítő elválasztóvonalak.

A **Címsor** elem címsor-címkékben (h1-h6) jeleníti meg a szöveget. Opcionálisan díszítő vonalat tehetsz a szöveg mellé.

Az elemet a szerkesztő bal oldali **Elemek** paneljén találod az alap elemek között, vagy a parancspalettával is beszúrhatod.

![A Címsor elem beállításai a szerkesztő bal oldali paneljén](./kepek/elemek-heading.webp)

*A Címsor elem beállításai a szerkesztő bal oldali paneljén* (https://minta-bolt.hu/elemek/?bricks=run)

A képen a **Tartalom** fül látszik: a szöveg mezője, a **HTML-címke**, a **Típus**, a **Stílus**, a **Link célja** és az **Elválasztó** szakasz.

## Beállítások

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| Szöveg | A címsor szövege. | Nincs |
| **HTML-címke** | A címsor szintje: `h1`, `h2`, `h3`, `h4`, `h5`, `h6` vagy `custom` (egyéni). | `h3` |
| Egyéni címke | Saját HTML-címke neve, attribútumok nélkül. Csak akkor jelenik meg, ha a címke `custom`. | Nincs |
| **Típus** | Előre definiált címsortípus: `hero` vagy `lead`. | Nincs |
| **Stílus** | A sablonstílusokban megadott színstílusok egyike. | Nincs |
| **Link célja** | Kattinthatóvá teszi a címsort (linktípus, URL és attribútumok). | Nincs link |

Egy oldalon egyetlen `h1` legyen. A címke megválasztásánál a tartalom szerkezetét kövesd, ne a megjelenést: a méretet és a kinézetet a stílus fülön külön állíthatod.

## Elválasztó

Az **Elválasztó** szakasz díszítő vonalat ad a címsor mellé.

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| Elválasztó | Hol legyen vonal: jobbra (`right`), balra (`left`), mindkét oldalon (`both`) vagy sehol (`none`). | Nincs |
| Szélesség | A vonal szélessége, mértékegységgel. | Nincs |
| Magasság | A vonal vastagsága, mértékegységgel. | Nincs |
| Térköz | A szöveg és a vonal közti távolság. | 20 |
| Stílus | A vonal szegélystílusa: `solid`, `dashed`, `dotted`, `double`, `groove`, `ridge`, `inset`, `outset`. | Nincs |
| Igazítás | A címsor és a vonalak függőleges igazítása: `flex-start`, `center`, `flex-end`. | Nincs |
