Css speck alla fine. Ritaglio in altezza del testo su una o più righe con l'aggiunta di granelli. Potere di overflow del testo: puntini di sospensione korisna koli
Come distinguere i nomi precedenti delle merci spedite, - in tre righe, - e le altre intestazioni di altri blocchi. Come se fosse un miracolo, sarebbe possibile smussare il tutto a destra e renderlo più compatto. E quando il mouse ci passa sopra, il titolo verrà mostrato all'esterno.
Per questo, il nostro amore per i CSS può aiutarci. È tutto così semplice, è sorprendente.
Diciamo che abbiamo il seguente blocco con un catalogo di prodotti:
Struttura dell'asse Yogo:
Un prodotto meraviglioso ad un prezzo super, solo 100 rubli. Illumina le tue serate e dona una sferzata di vitalità!
Stili degli assi:
Someblock( bordo: 1px solido #cccccc; margine: 15px automatico; riempimento: 10px; larghezza: 250px; ) .header( bordo-bottom: 1px tratteggiato; dimensione carattere: 16px; peso carattere: grassetto; margine-bottom: ; )
Aspetta un attimo, sembra avido. Naturalmente è possibile abbreviare il nome del prodotto. Perché dovremmo lavorare quando ce ne sono centinaia o migliaia? Puoi anche utilizzare i metodi PHP per tagliare parte del nome, circondata da un numero di caratteri. Cos'altro c'è da fare se il layout e i blocchi saranno più piccoli o forse 2-3 volte più grandi? Non è un’opzione, non è un’opzione.
E qui i CSS e il suo potere incantatore ci vengono in aiuto overflow del testo. Ale Yogo deve essere correttamente vittorioso allo stesso tempo da molte altre autorità. Di seguito ti mostrerò la soluzione finita, dopodiché ti spiegherò di cosa si tratta.
Quindi, avendo inserito la modifica manuale dei nomi dei prodotti e il programma per il ritaglio degli stili, ne teniamo conto Lancette CSS E mi chiedo cosa ne verrà fuori:
Miracolo-Yudo testimone del potere della serata, addomesticato, artistico. 20255-59
Un prodotto meraviglioso ad un prezzo super, solo 100 rubli. Illumina le tue serate e dona una sferzata di vitalità!
Beh, sì, meglio? Dimmi molto! E portate l'orsetto al nome... voilà! L'asse laggiù ci appare tutt'intorno.
Non è cambiato nulla nella nostra struttura, ho solo aggiunto una ragazza con una classe .intestazione etichetta del titolo. E l'asse è nuovo, stili aggiuntivi:
Someblock( bordo: 1px solido #cccccc; margine: 15px automatico; riempimento: 10px; larghezza: 250px; ) .header( bordo-fondo: 1px tratteggiato; dimensione carattere: 16px; peso carattere: grassetto; margine-fondo: overflow : nascosto; overflow del testo: puntini di sospensione; spazio bianco: nowrap;
Meravigliati di ciò che abbiamo guadagnato:
- Abbiamo aggiunto potere al blocco spazi bianchi: nowrap, che dà al testo la possibilità di spostare le righe su una nuova riga, trascinandolo così nella riga;
- Poi ci è stato dato il potere overflow: nascosto che delimitava la visibilità della nostra riga con la larghezza del blocco, tagliando così tutte le affermazioni e non mostrandole all'osservatore;
- Bene, infine, abbiamo aggiunto tre granelli alla nostra fila per ulteriore potenza overflow del testo: puntini di sospensione, dandoti così una chiara comprensione che questa non è la fine della fila e che potresti dover portare l'orso e meravigliarti di tutto.
Ama i CSS, ama i CSS e lo sviluppo di siti web non sarà così facile per te =)
È molto divertente cantare insieme al problema, se qualche testo deve essere messo in fila. In questo caso il testo può essere molto più lungo e la larghezza del blocco in cui appare questo testo è inizialmente delimitata, anche se ha le stesse dimensioni della finestra del browser. Questo è il motivo per cui è stato inventato il potere dell'overflow del testo, che è stato incluso nella raccomandazione CSS3 ed è stato implementato per la prima volta in IE6 molto tempo fa. Ogni volta che è presente un valore per un blocco, se il testo è più grande della larghezza del blocco stesso, il testo viene tagliato e alla fine viene posizionato un punto. Anche se qui non è tutto così semplice, torniamo un po’ più avanti.
Internet Explorer ha chiarito tutto, e che dire degli altri browser? voglio momento presente Secondo le specifiche CSS3, il power text-overflow è disabilitato, Safari lo supporta (come nella versione 3), Opera anche (dalla versione 9, ma si chiama power-o-overflow-text). Ma Firefox non lo supporta, non lo supporta e non sarà disponibile per la terza versione. È pazzesco, ma è un dato di fatto. Ciao, forse, posso guadagnare un po' di soldi?
Puoi guadagnare soldi, ovviamente. Se cerchi su Internet dall'unità di questo potere, e come da Firefox, facendo clic su perdonare le decisioni. L'essenza della decisione:
È tutto. Leggi le statistiche per i dettagli.
La decisione non è male, ma è un problema:
- Il testo può essere tagliato a metà (sonoramente) della lettera, o anche un "moncone".
- Il blob viene sempre visualizzato se il testo è inferiore alla larghezza del blocco (non cade dal blocco e il blob non è necessario).
Prima il coccodrillo
Per cominciare, concentriamoci su un altro problema, ma non è necessario eliminare le macchioline. Dopo essermi scervellato e aver sperimentato un po', conoscevo il canto della decisione. Cercherò di spiegare.
Il punto è che abbiamo bisogno di un blocco grande con tre punti, che appare solo se il testo occupa troppo spazio in larghezza. Poi mi è venuta l'idea di un blocco galleggiante. Voglio sembrare spaventoso, ma qui, se il blocco viene sempre rispettato, viene premuto a destra, ma se la larghezza del testo diventa grande, il testo inserisce il blocco sulla riga iniziale.
Passiamo alla pratica, altrimenti è importante spiegare. Imposta la struttura HTML:
testo molto lungo
Non molto compatto, ma non potevo fare niente di meno. Bene, abbiamo un contenitore di blocchi DIV.ellipsis, un blocco con il nostro testo e un altro blocco, il che è fuorviante. Caro, il "blocco con tre punti" è davvero vuoto e non abbiamo bisogno di tre punti se stiamo copiando il testo. Inoltre, non è bene preoccuparsi della mancanza di classi aggiuntive, poiché è utile rivolgersi a questa struttura per ottenere ulteriore aiuto Selettori CSS. E l'asse è il CSS stesso:
.ellipsis ( overflow: nascosto; spazio bianco: nowrap; line-height: 1,2em; altezza: 1,2em; bordo: 1px rosso fisso; ) .ellipsis > DIV:first-child ( float: left; ) .ellipsis > DIV + DIV (float: destra; margine superiore: -1,2em;).
È tutto. Viene verificato e convertito, che in Firefox, Opera, Safari funziona come previsto. IE ha un risultato meraviglioso, anche se è stato migliorato. In IE6 tutto funzionava, ma in IE7 semplicemente non funziona, poiché non supporta il contenuto che viene generato. Facciamo un giro prima di IE.
Fino ad allora, sistemiamo la cosa. Innanzitutto, impostiamo l'altezza della riga e l'altezza del blocco principale, quindi dobbiamo conoscere l'altezza del blocco e l'altezza della riga di testo. I valori sono impostati per il blocco del margine superiore con tre punti e per valori negativi. In questo modo se il blocco non viene “lanciato” sulla riga successiva allora sarà a carico del testo (una riga), se viene lanciato sarà allo stesso livello (infatti è più basso, stiamo solo cercando di tirarlo su di una riga). Per attirare l'attenzione, soprattutto se non è necessario mostrare lo speck, utilizzeremo overflow: hidden per il blocco principale, in modo che se lo speck è più alto della linea, non verrà mostrato. Ciò ci consente di selezionare il testo che cade all'esterno del blocco (sul bordo destro). In modo che il testo non venga trasferito e non venga aggiunto al blocco con tre punti, sempre più in basso, utilizzando lo spazio bianco: nowrap, proteggendo così il trasferimento: il nostro testo sarà sempre su una riga. Per il blocco con il testo impostiamo float: left, in modo da non riempire subito il blocco con tre punti e occupare la larghezza minima. Poiché al centro del blocco principale (DIV.ellipsis) i blocchi fluttuano (float: sinistra/destra), il blocco principale collasserà se il blocco con il testo è vuoto, quindi per il blocco principale impostiamo un'altezza fissa (altezza : 1,2 em). Bene, è tutto, usa lo pseudo-elemento :: after per visualizzare lo speck. Per questo pseudo-elemento impostiamo anche uno sfondo che copra il testo che appare sotto di esso. Impostiamo una cornice per il blocco principale, giusto per aumentare le dimensioni del blocco, che aggiungeremo in seguito.
Se Firefox, che è bravo a promuovere pseudo-elementi, come Opera e Safari, avesse un piano per il loro posizionamento (definizione di posizione/float, ecc.), sarebbe possibile vikorizzare lo stesso blocco per i puntini di sospensione. Prova a sostituire le restanti 3 regole con regole offensive:
.ellipsis > DIV:first-child::after ( float: right; contenuto: "..."; margin-top: -1.2em; background-color: bianco; posizione: relativa; )
in Opera e Safari funziona tutto come prima, senza il blocco aggiuntivo con tre punti. E l'asse di Firefox è Rozcharova. Aje lo stesso per nogo mi robimo rіshennya. Bene, devi accontentarti di una struttura HTML pannocchia.
Croc è diverso
Come avrai notato, ci sono problemi con la comparsa di macchioline se il testo si inserisce in un blocco. Tuttavia, abbiamo perso un altro problema: il testo è tagliato al centro delle lettere. Prima di ciò, IE non funziona. Per ovviare a questo è necessario utilizzare la stessa regola di text-overflow per i browser, e solo per Firefox viene descritta la soluzione migliore (non ci sono alternative). Scopriremo come creare una soluzione “solo per Firefox” in seguito, e ora proviamo a capire il wiki di overflow del testo. CSS modificabile:
.ellipsis (overflow: nascosto; spazio bianco: nowrap; altezza linea: 1,2 em; altezza: 1,2 em; bordo: 1 px rosso pieno; overflow del testo: puntini di sospensione; -o-text-overflow: puntini di sospensione; larghezza: 100%; } . puntini di sospensione * (visualizzazione: in linea;) / *.ellipsis > DIV:first-child ( float: left; ) .ellipsis > DIV + DIV ( float: right; margin-top: -1.2em; ) .ellipsis > DIV + DIV::after ( background-color: bianco; contenuto: "..."; ) */
Il montaggio, a quanto pare, non era ricco. Lo stile del blocco principale ha tre righe. Due di questi includono l'overflow del testo. Impostazione della larghezza larghezza: per IE è richiesto il 100%, in modo che il testo non espanda il blocco fino al punto di incoerenza e si verifichi la potenza dell'overflow del testo; Vlasne, abbiamo circondato la larghezza. Secondo l'idea, i DIV, come tutti gli elementi di blocco, si estendono per l'intera larghezza del contenitore, e larghezza: 100% non raggiunge nulla, ed è un peccato, a meno che IE non abbia problemi con il layout, poiché il contenitore si estende sempre oltre le dimensioni del contenuto, altrimenti non è possibile. Abbiamo anche disposto tutti gli elementi interni in linea, perché per alcuni browser (Safari e Opera) l'overflow del testo non funziona altrimenti, poiché ci sono elementi a blocchi nel mezzo. Abbiamo commentato le tre regole rimanenti, in frammenti a questo ragazzo non c'è bisogno di puzzare e tutti si lamentano (conflittuali). Queste regole non saranno richieste per Firefox.
È incredibile cosa è uscito da noi e cosa durerà.
Krok terzo
Se guarderò la pagina laterale per la prossima volta (prima di prepararmi a scrivere questo articolo), ricordo l'inizio, quindi per motivi di interesse cercherò tra i commenti idee ragionevoli e intelligenti. E so che nei commenti c'era una soluzione diversa che funziona su Firefox e IE (per questa persona, come l'autore del primo articolo, gli altri browser forse non contano). L'autore ha quindi deciso di occuparsi di questo fenomeno (compreso il text-overflow), soprattutto sugli elementi overflow e underflow, per i quali è necessario mettere un segno di spunta se necessario. Non è male, ma penso che sia meglio andare dall’altra parte (in termini di risorse), soprattutto perché qui c’è qualcos’altro da fare. Tuttavia, scopriamo come ottenere questo risultato utilizzando questa cosa, e gli stessi CSS hanno il potere di rilegatura di Moz. Per quanto ho capito, questo è un comportamento analogo in IE, ma con una salsa diversa e più fresca. Non dimentichiamoci dei dettagli, diciamo solo che in questo modo puoi associare un rilevatore JavaScript ad un elemento con Ti aiuterò con i CSS. Sembra meraviglioso, ma funziona. Di che cosa abbiamo paura:
.ellipsis ( overflow: nascosto; spazio bianco: nowrap; altezza della linea: 1,2 em; altezza: 1,2 em; bordo: 1px rosso pieno; testo-overflow: puntini di sospensione; -o-text-overflow: puntini di sospensione; larghezza: 100% ; -rilegatura moz: url(moz_fix.xml#ellipsis); zoom: 1;) .ellissi * ( display: in linea; ) .moz-ellipsis > DIV:primo figlio(galleggiante: sinistra; blocco di visualizzazione; } .moz-ellissi > DIV + DIV(float: destra; margine superiore: -1.2em; blocco di visualizzazione; } .moz-ellissi > DIV + DIV::dopo( colore di sfondo: bianco; contenuto: "..."; )
A quanto pare, abbiamo apportato parecchie modifiche. In questa fase in IE7 c'è uno strano problema tecnico, tutto viene distorto se non imposti lo zoom: 1 per il blocco principale (l'opzione più semplice). Yakscho riordina (visualità, commento) la regola. È tutto meraviglioso, se qualcuno sa cosa c'è sulla destra, me lo faccia sapere. Per ora utilizzeremo zoom: 1 e passeremo a Firefox.
La potenza di -moz-binding include le istruzioni del file moz_fix.xml con i puntini di sospensione dell'identificatore. Invece di questo xml a piedi:
Tutto quello che devi fare per creare un costruttore è aggiungere la classe moz-ellipsis all'elemento per il quale specifichi il selettore. Se lavori solo in Firefox (browser gecko?), allora solo la classe moz-ellipsis verrà aggiunta agli elementi e possiamo aggiungere regole aggiuntive per questa classe. Cosa stavi chiedendo? Non è necessario this.style.mozBinding = "", ma con l'espressione è meglio andare sul sicuro (non ho molta familiarità con questo lato di Firefox, quindi posso averne pietà).
Potresti essere cauto perché questo metodo utilizza un file JavaScript esterno. Lyakatis non varto. Prima di tutto, se il file non viene inviato e/o non sono richieste inclusioni JavaScript, va bene, se semplicemente non aggiungi i granelli alla fine, il testo verrà tagliato una volta completato il blocco. Quindi, in questa situazione, una decisione “leggera” viene respinta. Puoi trasferirti.
In questo modo abbiamo adottato uno stile per i “quattro grandi” browser che implementa l'overflow del testo per Opera, Safari e IE, mentre per Firefox è lo stesso, ma niente di meglio.
Quarti di coccodrillo
In questo posto potremmo mettere un puntino, ma vorremmo dipingere un po' la nostra decisione. Possiamo appendere un costruttore a qualsiasi blocco e ovviamente togliergli il controllo, per non accelerare i tempi. Semplifichiamo la nostra struttura:
testo molto lungo
Ah quindi! Penso che andrai d'accordo con me: ecco cosa ti serve!
Ora mettiamo tutto insieme con stile:
.ellipsis ( overflow: nascosto; spazio bianco: nowrap; altezza della riga: 1,2 em; altezza: 1,2 em; testo-overflow: puntini di sospensione; -o-text-overflow: puntini di sospensione; larghezza: 100%; -moz-binding: url(moz_fix.xml#ellipsis); ) .moz-ellipsis > DIV:first-child ( float: left; ) .moz-ellipsis > DIV + DIV ( float: right; margin-top: -1.2em; ) .moz -ellissi > DIV + DIV::dopo (colore-sfondo: bianco; contenuto: "...";)
Finalmente abbiamo riordinato la cornice rossa :)
E ora aggiungiamo qualcosa al nostro moz_fix.xml:
Cosa sta succedendo qui? Stiamo creando la nostra struttura cob HTML. Quindi i blocchi pieghevoli verranno creati automaticamente, soprattutto in Firefox. Codice JavaScript scritti nelle migliori tradizioni :)
Purtroppo la situazione è che se il testo viene tagliato a metà della lettera non si riesce a superarlo (è vero, forse, nel frattempo, perché la mia decisione è ancora troppo debole, e in futuro potrebbe uscire ). Possiamo almeno attenuare leggermente questo effetto. Perché abbiamo bisogno di un'immagine (più bianca con una sfumatura chiara) e di alcune modifiche allo stile:
.moz-ellipsis > DIV:first-child (float: sinistra; margine destro: -26px;) .moz-ellissi > DIV + DIV ( float: destra; margine superiore: -1.2em; sfondo: url(ellipsis.png) ripetizione-y; imbottitura a sinistra: 26px; }
Sono stupito e felice della vita.
Mettiamoci un puntino sopra.
Visnovok
Realizzerò un piccolo mozzicone per il layout di terze parti. Ho preso invece una delle pagine di Wikipedia (prima, quello che è venuto fuori), e ho usato un metodo migliore per le nuove descrizioni.
Vzagali data la decisione può essere chiamato universale senza allungamento. Tutto dovrebbe essere conservato in base al layout e alla piegabilità. Potresti aver bisogno di un drink o forse di un bubbone. Se vuoi il maggior numero di esplosioni, penso che lo faremo. E poi, ora hai un punto valido;)
Spero che tu abbia ricavato molto da queste statistiche ;) Accogli, sperimenta, condividi.
Buona fortuna!
L'ascesa dei CSS3 sta portando con sé cambiamenti rivoluzionari nella vita quotidiana dei web designer. CSS3 continua a stupirci oggi. Ciò che prima si poteva fare con l'aiuto di JavaScript, ora è facile da lavorare con CSS3. Ad esempio, la potenza di Text-Overflow.
A volte nel processo di creazione di siti Web abbiamo bisogno di acquisire parte del testo dinamico senza passare alla riga successiva. Per inserire testo aggiuntivo in una tabella con larghezza fissa. Ora è il momento, è necessario mostrare a Koristuvachev che parte del testo è visibile - tutto qui. Un'altra parte è stata sequestrata. In modo simile, puoi mostrare i tricraps (...).
Con CSS3 possiamo creare facilmente, vikorystyuchi potenza CSS overflow del testo
Razmitka
Overflow del testo: puntini di sospensione;
Significato puntini di sospensione consente di aggiungere un segno di tre punti dopo il testo (...)
Overflow del testo di potenza: puntini di sospensione korisna koli:
1. Il testo va oltre la metà
2. Al centro c'è uno spazio libero: nowrap.
Abbiamo un div con una larghezza di 150 pixel per visualizzare il nome dell'azienda dal database. Ma non vogliamo che i nomi delle aziende di lunga data passino a una nuova riga e scompaiano aspetto esterno tavolo. Quindi dobbiamo acquisire il testo che supera i 150 pixel. Vogliamo anche parlarne al koristuvach. Tieni presente che non tutti i nomi vengono visualizzati. Vogliamo che l'intero testo venga visualizzato quando passi il mouse sopra.
Diamo un'occhiata a come possiamo utilizzare CSS3 aggiuntivi.
Involucro aziendale ul li (
overflow del testo: puntini di sospensione;
overflow: nascosto;
spazio bianco:nowrap; )
- Nome della ditta
- Gestione patrimoniale Investnet
- Russell Investimenti
- Rete finanziaria reciproca nordoccidentale
- ING Reti finanziarie
Supporto del browser
Per assistenza tra i browser dato potere C'è una piccola sfumatura. Tutto, incluso Firefox, viene miracolosamente visualizzato correttamente. Bene, fortunatamente, questo è il peggiore di questo problema!
Le tre gocce di Firefox
Sfortunatamente, il gecko di Firefox (motore di visualizzazione delle pagine) non supporta questa potenza. Tuttavia, questo browser supporta XBL, quindi siamo a conoscenza di questa situazione.
Geco- Un motore completo per la visualizzazione delle pagine web (motore di layout inglese) Browser Mozilla Firefox, Netscape e altri. Vecchi nomi: "Raptor" e "NGLayout". Il concetto centrale di Gecko si basa sull'adozione di standard Internet critici come HTML, CSS, W3C DOM, XML 1.0 e JavaScript. Un altro concetto è multipiattaforma. Oggi Gecko si concentra su sistemi operativi Linux, Mac OS X, FreeBSD e Microsoft Windows, così come Solaris, HP-UX, AIX, Irix, OS/2, OpenVMS, BeOS, Amiga e altri.
Per visualizzare la piegatura a tre in Firefox, dobbiamo aggiungere una riga al foglio di stile.
Se vuoi spegnere l'alimentazione, aggiungi semplicemente:
Binding Moz: url("bindings.xml#none");
Il passaggio successivo è creare il file bindings.xml nel luogo in cui è salvato il foglio di stile. Possiamo vikorystuvati be-yak editor di testo per chi! Copia il codice seguente e assegna al file il nome bindings.xml.
var stringhe= this.textContent.split(/\s+/g)
if(!stringhe[ 0 ]) stringhe.shift()
if(!strings[ stringhe.lunghezza - 1 ]) stringhe.pop()
this.value=strings.join(" ")
this.display=stringhe.lunghezza? "" : "nessuno"
Codice rimanente per tutti i browser
Involucro aziendale ul li (
overflow del testo: puntini di sospensione;
-o-text-overflow: puntini di sospensione;
-moz-binding: url("bindings.xml#ellipsis");
spazi bianchi: nowrap;
overflow: nascosto;
}
CSS3 sta diventando lo strumento di riferimento per i web designer di tutto il mondo per creare siti Web mai visti prima con un minimo di codice. È semplice, letteralmente in fila, soluzioni che prima erano possibili solo con l'aiuto di Photoshop o JavaScript. Inizia oggi stesso a conoscere le funzionalità di CSS3 e HTML5 e non avrai l'imbarazzo!
Per distinguervi dalla massa grigia dei traduttori e conquistare la vostra simpatia, cari lettori, le mie lezioni conterranno pensieri saggi e aforismi. Puoi trovare il tuo in queste righe :)
Sposta fuori moda quelli che non puoi cambiare.
Definisce le impostazioni di visibilità per il testo in un blocco se il testo non rientra nell'area specificata. Ci sono due opzioni: il testo viene tagliato; il testo viene tagliato e alla fine della riga viene aggiunto un puntino. text-overflow funziona perché il blocco del valore di potenza di overflow è impostato su automatico, scorrimento o nascosto.
brevi informazioni
Appuntamento
×
Descrizione culo <тип> Specifica il tipo di valore. <размер> A&&B I significati possono essere visualizzati nell'ordine indicato. <размер> && <цвет> A | B Indica che è necessario selezionare un solo valore dalle selezioni (A o B). normale | maiuscoletto A || B I valori della pelle possono essere trattati in modo indipendente o insieme ad altri in buon ordine. larghezza || contare Significato di gruppo. [ritaglia || attraverso] * Ripeti zero o più volte. [,<время>]* + Ripeti una o più volte. <число>+ ? Significato tipo, la parola gruppo chi non è obbligatoria. inserto? (A, B) Ripeti A il meno possibile e più volte. <радиус>{1,4} # Ripetere una o più volte durante il coma. <время># Significato
clip Il testo viene tagliato per adattarlo all'area. puntini di sospensione Il testo viene tagliato e alla fine della riga viene aggiunto un puntino.
culo
overflow del testo Il campo magnetico può estinguersi in modo trascurabile in gran parte della sfera celeste, poiché crescono l'eccentricità e le orbite deboli.
Il risultato di questo calcio è mostrato in Fig. 1.
Riso. 1. Bagatokrapka alla fine del testo
Modello a oggetti
Oggetto.style.textOverflow
Nota
Opera fino alla versione 11 vikorist power -o-text-overflow.
Specifica
La specificazione della pelle attraversa diverse fasi di infiammazione.
×
- Raccomandazione: la specifica è elogiata dal W3C e consigliata come standard.
- Raccomandazione del candidato ( Possibile raccomandazione) - il gruppo che rispetta lo standard è soddisfatto di aver raggiunto i propri obiettivi, ma necessita di ulteriore assistenza da parte degli specialisti per implementare lo standard.
- Raccomandazione proposta Raccomandazione fatta) - in questa fase il documento viene sottoposto alla revisione del Comitato consultivo del W3C per l'approvazione residua.
- Bozza di lavoro: una versione più matura della bozza dopo la discussione e le modifiche apportate per garantirne la completezza.
- Bozza dell'editore ( Chernetka dell'editore) - La versione della norma di Chorn dopo le modifiche apportate dai redattori al progetto.
- Bozza ( Specifiche di Chernetka) – prima versione nera dello standard.
