Come implementare il riempimento in CSS con esempi



Questo articolo ti fornirà una conoscenza dettagliata e completa su come implementare il riempimento in CSS con esempi.

L'imbottitura è uno degli aspetti più importanti di e . In questo articolo discuteremo l'importanza e l'utilizzo di Padding in CSS nel seguente ordine:

Cos'è il riempimento in CSS?

La proprietà padding ti consente di specificare dove specificare e quanto spazio deve apparire tra il testo del contenuto di un elemento e il suo bordo. Il valore di questo attributo dovrebbe essere una lunghezza o una percentuale o la parola.





Padding-in-CSS



Se il valore viene ereditato, sarà lo stesso riempimento di quello genitore. Qui se si usa la percentuale, la percentuale è del box contenitore.

Proprietà imbottitura

Le seguenti proprietà di Padding in CSS possono essere utilizzate per controllare gli elenchi. Tuttavia, puoi anche impostare valori diversi per l'imbottitura su uno dei lati della scatola principalmente utilizzando le seguenti proprietà:

  • Fondo imbottito: specifica il riempimento inferiore di un elemento.



  • Imbottitura in alto: Specifica il riempimento superiore di un elemento.

  • Padding-left: Specifica il riempimento sinistro dell'elemento.

  • Padding-right: Specifica la giusta imbottitura dell'elemento.

  • Imbottitura: Questo serve come scorciatoia per ulteriori proprietà.

La proprietà Padding-bottom:

Questo è impostato sull'imbottitura inferiore di un elemento. Può assumere i valori in lunghezza percentuale.


Questo è il riempimento inferiore specificato nel paragrafo



Questo è un altro riempimento percentuale specificato nella parte inferiore del paragrafo

come trovare palindromo in java

Produzione:

La proprietà Padding-top

Questa proprietà padding-top imposterà il padding superiore di un elemento. Questo può assumere valori in lunghezza percentuale.


Questo è il riempimento superiore specificato nel paragrafo



Questo è un altro riempimento percentuale specificato nella parte superiore del paragrafo

Produzione:

La proprietà Padding-left

Questa proprietà padding-left imposterà il padding sinistro di un elemento. Può assumere valori in lunghezza percentuale.


Questo è il riempimento sinistro specificato nel paragrafo



Questo è un altro paragrafo specificato con riempimento a sinistra in percentuale

Produzione:

La proprietà Padding-right

Questa proprietà padding-right imposterà il padding destro di un elemento. Può assumere valori in lunghezza percentuale.


Questo è il padding destro specificato nel paragrafo



Questo è un altro paragrafo specificato con riempimento a destra in percentuale

Produzione:

La proprietà Padding

Questa proprietà di riempimento imposta il riempimento destro, sinistro, superiore e inferiore. Questo può assumere i valori in lunghezza della percentuale.


Tutti questi quattro padding saranno di 20px



Il riempimento superiore e inferiore sarà di 20 px, quello di destra e di sinistra sarà del 10% della larghezza totale del documento



Il riempimento superiore e inferiore sarà 20px, il riempimento destro sarà il 3% della larghezza totale del documento, il riempimento inferiore e superiore sarà 20px

Produzione:

Con questo, arriviamo alla fine di questo fantastico articolo sul riempimento in CSS. Spero che tu abbia capito i vari modi in cui possiamo aggiungere il riempimento.

Se sei interessato a saperne di più sullo sviluppo web, dai un'occhiata al di Edureka. Il corso di formazione sulla certificazione per lo sviluppo web ti aiuterà a imparare come creare siti web straordinari utilizzando HTML5, CSS3, Twitter Bootstrap 3, jQuery e API di Google e a distribuirli su Amazon Simple Storage Service (S3).

Se sei ancora interessato Se hai qualche domanda, puoi postarla nella sezione commenti di questo blog 'Padding in CSS' e ti risponderemo il prima possibile.