OBINTUSACADEMY
HOME CONTACT SERVICES PRIVACY
C.B MS-PACKAGES CSS
CSS - Padding

BASIC

Introduction to CSS Getting Started CSS Basic Structure CSS Syntax CSS Selectors CSS Universal Selector CSS Element Selector CSS ID Selector CSS Class Selector CSS Group Selector CSS Descendant Selector CSS Child Selector CSS Adjacent Sibling Selector CSS General Sibling Selector CSS Pseudo Element Selector CSS Pseudo Class Selector CSS Attribute Selector CSS Comments CSS Rule CSS Colors CSS Foreground and Background Color CSS Fonts CSS Background CSS Background Clip CSS Background Origin CSS Background Size CSS Text/Word Formatting CSS Images

INTERMEDIATE

CSS Borders CSS Margin CSS Padding CSS Dimension CSS Outline CSS Lists CSS Tables CSS Links CSS Overflow CSS Cursor CSS Float CSS Clear

Padding

PREVIOUS NEXT

In this tutorial, I will be showing you how you can adjust the space between the content of an element and the content's border using the padding properties in CSS.

definition
DEFINITION:

Padding is the space around the content of an element inside the content's border.

Padding Properties

PADDING TOP

The padding-top property is used to set the top padding of an element.

TRY IT OUT YOURSELF

PADDING RIGHT

The padding-right property is used to set the right padding of an element.

TRY IT OUT YOURSELF

PADDING BOTTOM

The padding-bottom property is used to set the bottom padding of an element.

TRY IT OUT YOURSELF

PADDING LEFT

The padding-left property is used to set the left padding of an element.

TRY IT OUT YOURSELF
note
NOTE:

Padding can have values in %, px, auto, inherit and other absolute and relative unit values.


Padding (Shorthand)

PREVIOUS NEXT
ADVERTISEMENTS

LEARNING IS A CONTINOUS PROCESS - PRACTICE MAKES PERFECT