Come regolare il margine CSS per Solo Webkit

May 14

Webkit può suonare come un pacchetto di riparazione Internet, ma in realtà è il nome del motore di rendering che alimenta i browser Google Chrome e Safari. Questi browser sfruttano funzionalità avanzate incluse in CSS3. Gli sviluppatori che utilizzano fogli di stile CSS può avere come bersaglio diversi attributi del browser che si applicano solo ai browser che utilizzano Webkit. Se l'applicazione Web ha bisogno di regolare i valori dei margini nei browser Webkit, aggiungere un attributo -webkit-margin-inizio di codice CSS.

istruzione

1 Apri il tuo editor HTML o Notepad;

2 Incollare la seguente istruzione nella sezione corpo del documento:

<H1 class = "webkitTest"> Questo è un titolo </ h1>

Questo crea un titolo che fa riferimento a una classe CSS chiamato "webkitTest."

3 Copiare il testo riportato di seguito, e incollarlo nella sezione head del documento:

<Style>

.webkitTest {

: "-webkit-Margin-start: 60px;

}

</ Style>

Questo crea la classe "webkitTest". Si noti l'attributo denominato "-webkit-margin-inizio". Questo attributo imposta il margine di partenza per i browser che utilizzano Webkit. il valore dell'attributo, "60px", dice al browser di inserire qualsiasi elemento che fa riferimento alla classe di 60 pixel dal bordo sinistro del contenitore principale. In questo esempio, il contenitore principale è elemento del corpo del documento.

4 Salvare il documento e aprirlo in Safari o Google Chrome per visualizzare la pagina Web. Il titolo apparirà 60 pixel dal bordo sinistro della pagina.

Consigli e avvertenze

  • Questo esempio utilizza una dimensione margine esagerata di 60 pixel per mostrare come il -webkit-margin-start colpisce la posizione di un elemento in una pagina Web. In pratica, è probabile che usare i valori dei pixel più piccoli nella definizione CSS. Continuare a utilizzare la proprietà CSS standard "margin-left" quando è necessario impostare il margine sinistro per gli elementi nei browser che non utilizzano Webkit.

Articoli Correlati