ЦСС паддинг је једно од особина модела ЦСС бок-а . Ова скраћеница својства поставља паддинг око све четири стране ХТМЛ елемента. ЦСС паддинг се може применити на скоро сваку ознаку ХТМЛ-а (осим неких од табличних ознака). Поред тога, све четири стране елемента могу имати другачију вредност.
ЦСС својство
Да бисте користили стенографски ЦСС својство, можете користити мнемоник "ТРоуБЛе" (или "ТРиБбЛе" за фанове Стар Трек-а). Ово је горње , десно , дно и лево , а односи се на редослед ширина обујмица који сте поставили у стенастој својини. На пример:
паддинг: горњи десни доњи леви; паддинг: 1пк 2пк 3пк 6пк;Ако сте искористили горенаведене вредности, примијенила би другу вриједност падања на сваку страну било ког елемента ХТМЛ-а на који примјењујете. Ако желите да примените исту облогу на све четири стране, можете поједноставити ЦСС и само написати једну вредност:
паддинг: 12пк;Са тој линијом ЦСС-а, 12 пиксела подлоге би се примењивале на све 4 стране елемента.
Ако желите да облога буде иста за горње и доње и лијево и десно, можете написати две вредности:
паддинг: 24пк 48пк;Прва вредност (24пк) би се примењивала на врху и на дну, док би се друга применила лево и десно.
Ако пишете три вредности, то ће учинити хоризонтално подножје (лево и десно) исто, мењајући горњи и доњи део:
паддинг: горе десно и лијево дно; паддинг: 0пк 1пк 3пк;Према ЦСС моделу, паддинг је најближи самом елементу / садржају. То значи да је додавање допуштено елементу између ширине или висине садржаја и свих граничних вредности које користите. Ако је паддинг постављен на нулу, онда има исту ивицу као и садржај.
Вредности ЦСС паддинга
ЦСС паддинг може узети било коју негативну вредност дужине. Обавезно наведите мерење, на пример пк или ем. Такође можете одредити проценат за вашу опругу, што ће бити проценат ширине елемента који садржи блок. Ово укључује за горње и доње рубље. На пример:
#цонтаинер {видтх: 800пк; висина: 200пк; } #цонтаинер п {ширина: 400пк; висина: 75%; паддинг: 25% 0; }Висина параграфа унутар елемента # цонтаинер ће бити 75% висине # цонтаинер -а плус 25% ширине за горње облоге и 25% ширине за доњу подлогу. Ово износи 300 + 200 + 200 = 700пк.
Ефекти додавања ЦСС паддинга
На елементима блока нивоа се наноси на четири стране. Пошто је елемент већ блок или кутија, бочица се наноси на стране бокса.
Када се додавање ЦСС-а додају у инлине елементе , можда постоји и преклапање елемената изнад и испод унутарњег елемента ако вертикално падање премашује висину линије, али неће утицати висину линије. Хоризонтални ЦСС паддинг који се примењује на инлине елементе биће додан на почетак елемента и на крај елемента. А подлога може завити линије. Али неће се примењивати на све линије вишенамјенског елемента, тако да не можете користити паддинг да бисте урезали сегмент вишеслојног линијског садржаја.
Такође, у ЦСС2.1, не можете креирати контејнерске блокове гдје ширина зависи од елемента са процентима за ширине (или ширине ширења). Ако то учините, резултат је недефинисан. Претраживачи ће и даље приказивати садржај, али можда нећете добити резултате које очекујете. Ако размислите о томе, има смисла, као да је елемент вашег контејнера потребан да сазна ширину његових дјечјих елемената како би дефинисао његову ширину - као што је када нема унапред дефинисану ширину, а један или више ширина постављена као проценат елемента контејнера, ово поставља кружни ланац без одговора. Ако користите проценте за ширину било чега на вашем документу, треба да будете сигурни да су и ширине елемента родитеља такође дефинисане.