Border, CSS - példák
Egy blokk helyezkedik el a többi. Az áttetsző határon kell látni háttér szülő. Ha a gyermek a saját háttér van szükség, mert ez (háttér utódeleme), hogy távolítsa el a stroke-blokkhatár.
Annak érdekében, hogy a képek, az átlátszó élek, amelyen keresztül ragyogott, ugyanazt a képet, de nem a háttérben a szülő, akkor jobb, ha alkalmazza a vázlatot.
A belső határokon. Vezérlőtömb hossza
Ha be van állítva width: auto;. az elem szélessége megegyezik a szélessége a szülő. Ez nem növeli rovására árrés. határ és padding.
width: auto; (Alapértelmezett)
Más esetekben a határon. valamint padding. kiterjeszti a box elemet. Azaz, ha megfelelően kiszámítja a szélessége. Az egység lefelé mozog, nem illik a korlátozott térben, a menü ki kell terjeszteni, és olyan csúnya Annak érdekében, hogy a keret nem növeli a készülék, meg kell adnia a doboz méretezése: border-box,. Ezután a határon, és padding nem befolyásolja a tartály szélessége.
átnyúló: 10px szilárd sárga;
padding: 10px;
box-méretezés: border-box;
Szaggatott mozdulatokkal egy HTML blokk
Probléma: át egy pontozott vonal a kerületük mentén olyan távolságban a széleit az elem. Ennek hatása az lesz, mintha a varrógépet varrott szövet és öltés maradt a szövet. Ha a sarkok le vannak kerekítve gombok, háttér készlet gradiens vagy kép, a szöveg kell elosztani az egérrel, és meg kell használni csak egy címke, az egyetlen igazi megoldás az, hogy: miután.
frame Százalék
A szélessége a keret border-width lehet szerelni bármilyen mértékegységben. de nem százalékban, valamint box-árnyék. és körvonalazzák. Sima vonalak használhatók háttérben. Annak a ténynek köszönhetően, hogy nem akarja elveszíteni a szivacs. Mi kell több és: after.
CSS maratott vonal
A hatás a depressziós vonalak érhető el, ha a felső sáv a sötétebb, alacsonyabb - könnyű; domború szemközti.