Saltu al enhavo

Ŝablono:Bordera radiuso

El Vikipedio, la libera enciklopedio
(Alidirektita el Ŝablono:Border-radius)
Dokumentado Dokumentado

Ĉi tiu ŝablono difinas per CSS-formatoj rondajn angulojn.

Bonvolu atenti, ke la formatoj ne funkcias en iomete malnovaj foliumiloj. Do ĝi funkcias en la novaj versioj de

Uzado

Necesas distingi inter diversaj okazoj de dezirataj anguloj, laŭ la kvar anguloj (mal)supraj kaj (mal)dekstraj, kaj ĉu la radiusoj de la anguloj estu egalaj aŭ malsamaj.

Ĉiuj radiusoj estas samaj.
{{bordera radiuso|valoro kun mezurunuo}}
Ĉiuj radiusoj estas malsamaj.
{{bordera radiuso|radiuso1 radiuso2 radiuso3 radiuso4}}

Parametroj

Ĝi havas nur unu devigan parametron, sed ĝi povas enhavi unu, du, tri aŭ kvar indikojn pri la anguloj (laŭ manlibroj pri CSS).

  • Ĉe unu ĉiuj anguloj ricevas la saman rondecon.
  • Ĉe du la unua difinas angulojn supre maldekstre kaj malsupre dekstre, dum ke la dua difinas supre dekstre kaj malsupre maldekstre.
  • Ĉe tri la unua difinas angulojn supre maldekstre, la dua supre dekstre kaj malsupre maldekstre kaj la tria malsupre dekstre.
  • Ĉe kvar la ordo estas la jena: supre maldekstre, supre dekstre, malsupre dekstre kaj malsupre maldekstre.

Ne uzu du aŭ tri valorojn, ĉar el tio rezultas malsama surekranigo de la diversaj foliumiloj.

Ekzemploj

Simpla ekzemplo
Kato havas du orelojn.
<div style="float:right; clear:right; border:1px solid #999; {{bordera radiuso|0.5em}}">Kato havas du orelojn.</div>
Pli detala ekzemplo
  • <div style="background-color: #FFFFDD; border: 1px solid #808000; padding: 5px; {{Bordera radiuso|16px 8px 16px 8px}}">Lorem ipsum...</div> redonas:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Vidu ankaŭ

Eksteraj ligiloj


Se vi havas demandon pri ĉi tiu ŝablono, tiam vi povas demandi en la ŝablonprojekta diskutejo. La Intervikiaj ligiloj estu metataj al Vikidatumoj. (Vidu Helpopaĝon pri tio.)