PCSS Constants

PCSS Constants Reference

Return to home page

Functions reference

These are easy predefined names made to save up time when writing the CSS declarations. They are extremely simple and, if you know some PHP, you can make your own constants. The constants are grouped in categories, then put in white characters and their respective resulting codes lie in the block straight ahead.

Display

BLOCKdisplay:block
INLINEdisplay:inline
HIDEdisplay:none

Box model

FLEFT or FLOATfloat:left
FRIGHTfloat:right
FNONEfloat:none
CLEFTclear:left
CRIGHTclear:right
CBOTH or CLEARclear:both

Position

CLEARFIXoverflow:auto
ABSOLUTEposition:absolute
RELATIVEposition:relative
FIXEDposition:fixed

Type and text

FONT10font-size:10px
FONT12font-size:12px
FONT14font-size:14px
FONT16font-size:16px
FONT18font-size:18px
ITALICfont-style:italic
NOITALIC or NOITALICSfont-style:normal
BOLDfont-weight:bold
NOBOLDfont-weight:normal
SMALLCAPSfont-variant:small-caps
UCASE or UPPERCASEtext-transform:uppercase
LCASE or LOWERCASEtext-transform:lowercase
UNDERLINEtext-decoration:underline
NODECO or NODECORATIONtext-decoration:none
ALIGNLEFTtext-align:left
ALIGNRIGHTtext-align:right
ARIALfont-family:Arial, Helvetica, sans-serif
VERDANAfont-family:Verdana, Geneva, Arial, Helvetica, sans-serif
TAHOMAfont-family:Tahoma, Geneva, Arial, Helvetica, sans-serif
COURIER or MONOfont-family:'Courier New', Courier, monospace
TIMESfont-family:'Times New Roman', Times, serif
GEORGIAfont-family:Georgia, 'Times New Roman', serif
TREBUCHETfont-family:'Trebuchet MS', Arial, Helvetica, sans-serif
SEGOEUIfont-family:'Segoe UI', Arial, Helvetica, sans-serif
LUCIDAfont-family:'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
PREwhite-space:pre
PREWRAPwhite-space:pre-wrap
LISTNONElist-style:none
RTLdirection:rtl

Borders

BORDER1Bborder:1px solid #000
BORDER2Bborder:2px solid #000
COLLAPSEborder-collapse:collapse
NOOUTLINEoutline:none

Background

REPEATXbackground-repeat:repeat-x
REPEATYbackground-repeat:repeat-y
NOREPEATbackground-repeat:no-repeat
FIXEDBGbackground-attachment:fixed
SCROLLBGbackground-attachment:scroll
WHITEBGbackground-color:#fff
BLACKBGbackground-color:#000
CENTERBGbackground-position:center center

Colours

WHITEcolor:#fff
BLACKcolor:#000

Selectors

INPUTTEXTinput[type=text]
RADIOinput[type=radio]
CHECKBOXinput[type=checkbox]
INPUTFILEinput[type=file]