Questa è una imitazione dell'elemento<pre> . Unica avvertenza è che per iniziare da una riga nuova, se non uso una andata a capo ossia il carattere
devo specificare la marca<br/> altrimenti inizia ad applicare il nuovo stile dal punto in cui inizia l'elemento. Ma posso sempre cambiare riga per cui, in pratica, posso anche evitare di dovere aggiungere anche la marca<br/> ed usare la marca inventata da me<b1> .Preformattato: prima riga. Si ottiene l'effetto come usando pre Ossia se vado a capo o se uso parecchi spazi bianchi come faccio qui, essi vengono mantenuti.
Ma l'andata a capo si ottiene, ripeto, anche usando semplicemente il carattere Unicode
 .Questo usando span e lasciando vari spazi bianchi continuando su tre linee. Poi gioco a fare frazioni:2 8 +123 o la frazione inversa 23 2 8 +1e sfruttando il carattere √ una radice : √ 127 .So tracciareuna riga sopra adatta alle MAIUSCOLE e le CIFRE 1,2,3... e tracciareuna riga molto sotto ma posso farneuna poco sotto che tocca i caratteri che vanno in basso jgy .E, se uso Firefox, posso usare colori
Cifre 1234 oppuregpqy con 5678 ... ma attualmente 20160115 latext-decorationcolorata non funziona neppure con Chrome, Opera, Safari, Internet Explorer etc...Complimenti a Firefox ! Il browser che preferisco.Comodo per sovrasegnare o sottosegnare le cifre: G 1 e magari usare solo pedici ma sovrasegnati e sottosegnati... 2 U . 1 2 Da ricordare:
Ho usato questi stili:.nuovapagina { page-break-before:always } .n1 { font-size:140%; color:red; text-align:center; } .blu { color:blue; } av { background:#ffffdd } b1 { white-space:pre; } pippo { white-space:pre; font-family:courier; color:blue; } pluto { white-space:pre; color:magenta; } numeratore {font-style:normal; display:inline-block; vertical-align:middle; font-size:99%; text-align:center} denominatore {font-style:normal; padding-top:0px; border-top:1px black solid; display:block } sopra {text-decoration:overline} sotto {border-bottom:thin solid} pocosotto {text-decoration:underline} surosso {text-decoration:overline double red} sottorosso {text-decoration:underline double red} apice { position: relative; top: -6px; font-size:70% } pedice { position: relative; top: 4px; font-size:70% } Tanti, utili modi per sottolineare un blocco di testo
Può inoltre essere indicato il colore della sottolineatura, specificandolo come ultimo dato. Ecco in rosso e blu mentre il testo è a volte anche verde con indicazioni locali dello
border-bottom:thin dashed == tratteggiato fine
border-bottom:thin dotted == punteggiato fine
border-bottom:thin solid == continua fine
border-bottom:3px double == doppia 3 pixel
border-bottom:groove == scavato
border-bottom:ridge == sbalzato style:
border-bottom:thin dashed red == tratteggiato fine
border-bottom:thin dotted blue == punteggiato fine
border-bottom:thin solid red == continua fine
border-bottom:3px double blue == doppia 3 pixel
border-bottom:groove red == scavato
border-bottom:ridge blue == sbalzato Tanti altri modi per sovralineare un blocco di testo
Ripeto tutto ma usando border-top e nonborder-bottom
border-top:thin dashed == tratteggiato fine
border-top:thin dotted == punteggiato fine
border-top:thin solid == continua fine
border-top:3px double == doppia 3 pixel
border-top:groove == scavato
border-top:ridge == sbalzato
border-top :thin dashed red == tratteggiato fine
border-top :thin dotted blue == punteggiato fine
border-top :thin solid red == continua fine
border-top :3px double blue == doppia 3 pixel
border-top :groove red == scavato
border-top :ridge blue == sbalzato