a.css

esbudellant estàndards


Mostrar la cita d'un blockquote

05/06/04

Per mostrar l'atribut cite d'un blockquote s'utilitza la propietat content combinat amb el pseudo-element before o after.

La regla seria quelcom així


blockquote:after {
   content: attr(cite);
   display: block;
   font-size: 10px;
   margin-top: 10px;
   padding: 2px 2px;
   background-color: #fff;
}

L'atribut content podria ser més elaborat de l'estil content: "font de la cita: " attr(cite);.

Amb aquesta tècnica es pot mostrar qualsevol atribut href dels enllaços per mostrar l'URI a l'imprimir la pàgina. Les possibilitats són moltes.

L'atribut alt en versions noves de Firefox no es mostra.

A tenir en compte que a l'utilitzar els pseudo-elements before o after no funcionarà en Internet Explorer.

Comentaris

  1. Comentat per BenKo el 06/06/04

    Molt interessant!
    I ja se sap si la pròxima versió de l' Explorer el suportarà? És una pena que els usuaris de Windows no utilitzen tots el Firefox :(

  2. Comentat per are el 06/06/04

    No sé que faran amb el Longhorn...però em temo que no faran un IE ben fet :(
    La meva politica és contemplar l'explorer només per mínims de disseny, els extres són per la resta.

  3. Comentat per nikochan el 12/06/04

    A mi em va costar desenpallegar-me de l'IE. Pero ara es a l'inreves, no podria estar sense el firefox, crec que fins i tot l'estimo xd

  4. Comentat per are el 13/06/04

    ostres, a mi em va ser moolt fàcil! :) primer la suite mozilla i després firefox (firebird anteriorment)

  5. Comentat per Pg4aL el 18/10/04

    Ai ai nikochan, ja t-ho deia jo xD

  6. Comentat per a.css, esbudellant estàndards » Mostrar l’idioma de l’enllaç el 30/10/05

    [...] Per mostrar l’idioma d’un enllaç s’ha d’utilitzar un mètode molt semblant al que s’usa per Mostrar la cita d’un blockquote. [...]

Afegir un comentari


Iron Maiden ringtonesSmashing Pumpkins ringtonesJudy Garland ringtonesThe Cars ringtones

© Arnau Siches. a.css està sota Llicència Creative Commons.