የሲ ኤስ ኤስ መያዣዎች የሲአይኤስ ሳጥን ሞዴል ባህሪዎች አንዱ ነው. ይህ የአስተያየት ባህርይ በሁሉም የኤች ኤች ቲ ኤም ኤል አራት ክፍሎች ዙሪያ መስተዋቱን ያዘጋጃል. የሲ ኤስ ኤስ መያዣዎች ለሁሉም ኤችቲኤምኤል መለያዎች (በብዙዎቹ የሠንጠረዥ መለያዎች በስተቀር) ሊተገበር ይችላል. በተጨማሪ, የአዕራፉ አራት ክፍሎች በሙሉ የተለየ እሴት ሊኖራቸው ይችላል.
የሲ ኤስ ፒዲንግ ንብረት
የሆሄርት እና የ CSS የሽቦታ ንብረት ለመጠቀም, mnemonic "TRouBLe" (ወይም "TRiBbLe" ን ለእርስዎ የ "ስታርክ" ደጋፊዎች) መጠቀም ይችላሉ. ይህ ከላይ , ቀኝ , ግርጌ እና ግራ ላይ ሲሆን በቁምፊው ውስጥ ያሰፈራውን የቦታ ስፋት ቅደም ተከተል ያሳያል. ለምሳሌ:
ፓስተርድ: ከላይ ቀኝ ጥግ; መያዣ: 1px 2px 3px 6px;ከላይ የተዘረዘሩትን እሴቶች ከተጠቀሙ, ለሚያነቡት ማንኛውም የኤችቲኤምኤል አባል በሁሉም አቅጣጫ የተለየ የተለየ የማጣመጃ ዋጋን ይተገብራል. ለሁሉም አራት ጎኖች አንድ አይነት ማሸጊያን ለመተግበር ከፈለጉ, የእርስዎን የሲኤስኤስ ቀለል ያሉ እና አንድ እሴት ብቻ መጻፍ ይችላሉ:
ማስተካከያ: 12px;በ CSS አማካኝነት, 12 ፒክሰሎች በጠቅላላው የ 4 ጎኖች ላይ ተፈጻሚ ይሆናሉ.
ማስተካከያውን ከላይ, ከታች, ወደ ግራ እና ወደ ቀኝ አንድ አይነት እንዲሆን ከፈለጉ, ሁለት እሴቶችን ሊጽፉልን ይችላሉ:
ማጣበቂያ: 24px 48px;የመጀመሪያው እሴት (24 ፒክስል) ከላይ እና ታች ላይ ይተገበራል, ሁለተኛው ደግሞ በግራ እና በቀኝ ይተገበራል.
ሶስት እሴቶችን ከጻፉ, ከላይ እና ታችውን ሲቀይሩ አግድም (ግራ እና ቀኝ) ተመሳሳይ ነው.
ጥቅል: ከላይ ቀኝ እና ግራ እግር; ድብድብ: 0px 1px 3px;በሲ.ቢ. የሳጥኑ ሞዴል መሠረት, መያዣው ከኤሉዱ / ይዘቱ ውስጥ በጣም ቅርብ ነው. ይህ ማለት ማሸጋገሪያ በይዘት ወሰን ወይም ቁመት እና በሚጠቀሙባቸው ማንኛውም የድንበር እሴቶች መካከል ባለው አባል ላይ ተጨምሮ ይታያል ማለት ነው. ማስተካከያው ወደ ዜሮ ከተቀናበረ ከይዘቱ ጋር አንድ አይነት ጠርዝ አለው.
የሲ ኤስ ኤስ መክፊያ እሴቶች
የሲ ኤስ ኤስ መከለያ ማናቸውንም አሉታዊ ያልሆነ ርዝመት ሊወስድ ይችላል. ልክ እንደ ፒክስ ወይም ኤም የመሳሰሉ መለኪያዎች መግለፅዎን እርግጠኛ ይሁኑ. ለትክክለኛነትዎ መቶኛ መግለጽም ይችላሉ, ይህም የዓረፍተ ነገሩ እዝገት ማዕዘን መቶኛ ይሆናል. ይሄ ለምርጥ እና ታች መከለያን ያካትታል. ለምሳሌ:
#container {width: 800px; ቁመት: 200 ፒክስል; } #container p {width: 400px; ቁመት: 75%; ድባብ: 25% 0; }በ # container ኤለመንት ውስጥ ያለው የአቀባዩ ቁመት 75% የ # container ቁመት እና 25% የጠቅላላው የዲጂታል ስፋቱ እና ታችኛው ፓድት 25% ይሆናል. ይሄ 300 + 200 + 200 = 700 ፒክሰል ነው.
የሲ ኤስ ኤስ ማሸጊያን የማከል ውጤቶች
በማዕከላዊ ደረጃዎች ላይ , መያዣዎቹ በአራቱም ጎኖች ላይ ይሠራሉ. ኤድራሱ ቀድሞውኑ ብጥብል ወይም ሳጥን ስለሆነ, መከለያው በሳጥኑ በኩል ይታያል.
የሲ ኤስፒ መያዣዎች ወደ የመስመር ንጥሎች ሲታከሉ, አቀባዊ መከለያው ከመስመዳቸው ቁመት ቢጨምር የመስመሩን ቁመት ከፍ ለማድረግ አይገፋም. ለውጫዊ አካላት የተጣመረ የሲ.ሲ. ማስተካከያ ወደ አባሉ መጀመሪያ እና የአብዩ መጨረሻ ላይ ይታከላል. እና መከለያዎቹ መስመሮችን ሊጠቅሙ ይችላሉ. ነገር ግን የሁለንተናዊ መስመር አባሎች በሁሉም መስመሮች ላይ አይተገበርም, ስለዚህ ከብዙ መስመር የመስመር ውስጥ ይዘት ወደ ጽሁፍ ክፍል ማሸጋገር አይችሉም.
በተጨማሪም, በ CSS2.1 ውስጥ, ስፋቱ በስፋት (ወይም የሸራታ ስፋቶች) መቶኛ (ፓድዲንግ ስሩዶች) ላይ ባለው ድጥር ላይ የሚመረኮዝ እቃዎችን ማስነሳት አይችሉም. ውጤት ካደረሱ ያልተነካ ነው. አሳሾች ይዘቱን አሁንም ያሳያሉ, ነገር ግን እርስዎ የሚጠብቁትን ውጤቶች ላያገኙ ይችላሉ. ዕቃዎ የተገጠመለት ክፍፍል (ስፋቱ) የቦታው ስፋትን ለመለየት እንደሚጠቅም, እንደ ቅድመ-ስፋቱ ሳይነካ, እና አንድ ወይም ከዚያ በላይ እንደ መያዢያዩ አካል መቶኛ ተደርጎ የተቀመጠው, ይህ ምንም ክብደት የሌለው ክብ ቅርጽ ያዘጋጃል. በሰነድዎ ውስጥ ለማረም የቃላትን ስፋቶች መቶኛ ከተጠቀሙ የወላጅ አባሎች ስፋቶችም እንዲሁ መወሰናቸውን ያረጋግጡ.