Padding

Platform  

css

   │    Support  

Chromium supported

Firefox supported

Safari supported

Edge supported

Since  2.0.0

   │   

Olivier Bossel

   │   

beta

  Preview

  Features

  Install

  CSS Classes

1. s-p:0

   Apply the 0 padding all around

2. s-pb:-0

   Apply the 0 negative block start and end padding

3. s-pbs:-0

   Apply the 0 negative block start padding

4. s-pbe:-0

   Apply the 0 negative block end padding

5. s-pi:-0

   Apply the 0 negative inline start and end padding

6. s-pis:-0

   Apply the 0 negative inline start padding

7. s-pie:-0

   Apply the 0 negative inline end padding

8. s-p:10

   Apply the 10 padding all around

9. s-pb:-10

   Apply the 10 negative block start and end padding

10. s-pbs:-10

    Apply the 10 negative block start padding

11. s-pbe:-10

    Apply the 10 negative block end padding

12. s-pi:-10

    Apply the 10 negative inline start and end padding

13. s-pis:-10

    Apply the 10 negative inline start padding

14. s-pie:-10

    Apply the 10 negative inline end padding

15. s-p:20

    Apply the 20 padding all around

16. s-pb:-20

    Apply the 20 negative block start and end padding

17. s-pbs:-20

    Apply the 20 negative block start padding

18. s-pbe:-20

    Apply the 20 negative block end padding

19. s-pi:-20

    Apply the 20 negative inline start and end padding

20. s-pis:-20

    Apply the 20 negative inline start padding

21. s-pie:-20

    Apply the 20 negative inline end padding

22. s-p:30

    Apply the 30 padding all around

23. s-pb:-30

    Apply the 30 negative block start and end padding

24. s-pbs:-30

    Apply the 30 negative block start padding

25. s-pbe:-30

    Apply the 30 negative block end padding

26. s-pi:-30

    Apply the 30 negative inline start and end padding

27. s-pis:-30

    Apply the 30 negative inline start padding

28. s-pie:-30

    Apply the 30 negative inline end padding

29. s-p:40

    Apply the 40 padding all around

30. s-pb:-40

    Apply the 40 negative block start and end padding

31. s-pbs:-40

    Apply the 40 negative block start padding

32. s-pbe:-40

    Apply the 40 negative block end padding

33. s-pi:-40

    Apply the 40 negative inline start and end padding

34. s-pis:-40

    Apply the 40 negative inline start padding

35. s-pie:-40

    Apply the 40 negative inline end padding

36. s-p:50

    Apply the 50 padding all around

37. s-pb:-50

    Apply the 50 negative block start and end padding

38. s-pbs:-50

    Apply the 50 negative block start padding

39. s-pbe:-50

    Apply the 50 negative block end padding

40. s-pi:-50

    Apply the 50 negative inline start and end padding

41. s-pis:-50

    Apply the 50 negative inline start padding

42. s-pie:-50

    Apply the 50 negative inline end padding

43. s-p:60

    Apply the 60 padding all around

44. s-pb:-60

    Apply the 60 negative block start and end padding

45. s-pbs:-60

    Apply the 60 negative block start padding

46. s-pbe:-60

    Apply the 60 negative block end padding

47. s-pi:-60

    Apply the 60 negative inline start and end padding

48. s-pis:-60

    Apply the 60 negative inline start padding

49. s-pie:-60

    Apply the 60 negative inline end padding

50. s-p:70

    Apply the 70 padding all around

51. s-pb:-70

    Apply the 70 negative block start and end padding

52. s-pbs:-70

    Apply the 70 negative block start padding

53. s-pbe:-70

    Apply the 70 negative block end padding

54. s-pi:-70

    Apply the 70 negative inline start and end padding

55. s-pis:-70

    Apply the 70 negative inline start padding

56. s-pie:-70

    Apply the 70 negative inline end padding

57. s-p:80

    Apply the 80 padding all around

58. s-pb:-80

    Apply the 80 negative block start and end padding

59. s-pbs:-80

    Apply the 80 negative block start padding

60. s-pbe:-80

    Apply the 80 negative block end padding

61. s-pi:-80

    Apply the 80 negative inline start and end padding

62. s-pis:-80

    Apply the 80 negative inline start padding

63. s-pie:-80

    Apply the 80 negative inline end padding

64. s-p:90

    Apply the 90 padding all around

65. s-pb:-90

    Apply the 90 negative block start and end padding

66. s-pbs:-90

    Apply the 90 negative block start padding

67. s-pbe:-90

    Apply the 90 negative block end padding

68. s-pi:-90

    Apply the 90 negative inline start and end padding

69. s-pis:-90

    Apply the 90 negative inline start padding

70. s-pie:-90

    Apply the 90 negative inline end padding

71. s-p:100

    Apply the 100 padding all around

72. s-pb:-100

    Apply the 100 negative block start and end padding

73. s-pbs:-100

    Apply the 100 negative block start padding

74. s-pbe:-100

    Apply the 100 negative block end padding

75. s-pi:-100

    Apply the 100 negative inline start and end padding

76. s-pis:-100

    Apply the 100 negative inline start padding

77. s-pie:-100

    Apply the 100 negative inline end padding