ምንም ምልክት ከሌለው በ HTML5 እና በ CSS3 የሚሸጎጠ ይዘት መፍጠር

ለረጅም ጊዜ የኤች.ቲ.ኤል. የኤ. ይሄ በማያ ገጹ ላይ በማሸብለል ጽሁፍ ላይ ደንብ የሚፈጥር አሳሽ-ተኮር አባል ነው. ይህ ኤክስፕረስ ለኤች ቲ ኤም ኤል መስክ አልታከለም እና በመላው አሳሾች ሰፊ ልዩነት አልተደረገም. ብዙውን ጊዜ ሰዎች የዚህን አባል አጠቃቀም በተመለከተ በጣም ጠንካራ አስተያየቶች ነበሯቸው - አዎንታዊም ሆነ አሉታዊ. የምትወደውን ወይም የምትወደው ቢሆን የጠረፍ ድንበሮችን በግልጽ እንዲታይ ለማድረግ ነበር.

ከጠንካራ የግል አስተያየቶች በስተቀር ሙሉ በሙሉ በአፈጻጸም ሙሉ በሙሉ አልተተገበረም, በከባድ ተፅእኖ ውስጥ እንደሚታይ እና እንደ ሆነ, በኤል ኤች ቲኤሉ ​​ውስጥ መተርጎም የለበትም, እሱም አወቃቀሩን ይገልጻል. በምትኩ, የምስል ወይም የዝግጅት አቀራረብ ውጤቶች በሲ.ኤስ.ኤስ መቆጣጠር አለባቸው. እና CSS3 የአሳሾች ሞዴሉን ወደ አባለ ነገሮች እንዴት እንደሚጨምሩ ለመቆጣጠር የማረጋገጫ ሞጁልን ያክላል.

አዲስ የ CSS3 ባህሪያት

CSS3 ይዘትዎ በማረጋገጫው ውስጥ እንዴት እንደሚታይ ለመቆጣጠር እንዲያግዝ አምስት አዳዲስ ንብረቶችን ያክላል-የትርፍ-ቅጥ, የመልመጃ-ቅጥ, የማሳያ-ተጫዋች-ቁጥሮች, ማነቅ-አመዳደብ እና ምልክት-ፍጥነት.

ትርፍ-ቅጥ
የሃርፉ-ቅጥ ቅጥ (በሲ.ኤም.ኤ. የሲኤስኤል መገልገያ ውስጥ የተወያየሁት) የይዘት ሳጥን የሚሞላ የይዘት ቅጥ ይፈርሳል. እሴቱን ወደ ምልክት / መስመር ምልክት ካቀናበረው ይዘትዎ ወደ ግራ / ቀኝ (ምልክት ማድረጊያ መስመር) ወይም ወደላይ / ወደ ታች / ታች / ታች / ታች ይለጠጣል.

የመጥሪያ ጠባይ
ይህ ንብረት ይዘቱ ወደ (እና ወደ) መውጣቱን ይገልፃል.

አማራጮች ጥቅል, ስላይድ እና ተለዋጭ ናቸው. መሸብለል ከመረጃው ሙሉ በሙሉ ከማጥፋት ጀምሮ ይጀምራል, ከዚያ ሙሉ በሙሉ ከማያ ገጽ ላይ ሙሉ በሙሉ እስኪያልቅ ድረስ በማይታዩ ቦታ ላይ ይወጣል. ተንሸራታቱ ከይዘቱ ሙሉ በሙሉ ከማያ ገጹ የሚጀምር ሲሆን ከዚያም ይዘቱ በማያው ላይ ሙሉ እስኪሆን እስኪያልቅ ድረስ ይንቀሳቀሳል እና በማያ ገጹ ላይ ምንም የሚያወርድ ተጨማሪ ነገር አይኖርም.

በመጨረሻም, ተለዋዋጭ ይዘቱን ከጎን ወደ ጎን ይንቃበቃል, ወደኋላ እና ወደኋላ ያንቀሳቅሳል.

ምልክት ማድረጊያ-ቆጠራ
የ ማርከኢ ኤሌክትሮኔክትን መጠቀም ከሚያስከትላቸው እንቅፋቶች መካከል አንዱ ምልክት አይቆምም. ነገር ግን ከቅጥቱ ባህሪ ምልክት ማድረጊያ-ቆጠራ አንጻር ለተወሰነ ጊዜ ያህል ይዘቱን ለማብራት እና ለማብራት የማሳያውን ምልክት ማዘጋጀት ይችላሉ.

ምልክት ማድረጊያ
እንዲሁም ይዘቱ በማያ ገጹ ላይ ማሸብለል የሚችልበትን መመሪያ መምረጥ ይችላሉ. እሴቶቹን እና ወደኋላ የሚቀይሩት ዋጋዎች ትርፍ-አቀማመጥ ባለበት ደረጃ ላይ በሚመሠረቱበት ጊዜ እና የተንሸራታች አይነት ባለቀለጥ በሚሆንበት ጊዜ በፅሁፍ አቅጣጫው ላይ የተመረኮዘ ነው.

ማርኬ - አቅጣጫዎች ዝርዝሮች

ትርፍ-ቅጥ የቋንቋ አቅጣጫ ወደፊት ተለዋዋጭ
ምልክት ማድረጊያ መስመር ltr ግራ ቀኝ
rtl ቀኝ ግራ
ምልክት ማድረጊያ ወደላይ ታች

ምልክት ማድረጊያ ፍጥነት
ይህ ንብረት ይዘቱ በማያ ገጹ ላይ በፍጥነት ማንሸራተትን ይወስናል. እሴቶቹ ቀርፋፋ, መደበኛ እና ፈጣን ናቸው. ትክክለኛው ፍጥነት በሂደቱ ላይ የሚመረኮዝ ሲሆን ነገር ግን አሻሚው ፍጥነቱን መቀነስ ማለት ፍጥነት ካለው ፍጥነት ያነሰ ነው.

የአሳሽ የባህርይ የባህርይ ድጋፍ

የሲ ኤስ ኤስ አምሳያ ክፍሎችን ለመስራት የሻጭ ቅጥያዎችን መጠቀም ሊያስፈልግዎ ይችላል. እነሱም የሚከተሉት ናቸው-

CSS3 የአቅራቢ ቅድመ ቅጥያ
overflow-x: marquee-line; overflow-x: -webkit-marquee;
የመጥሪያ ጠባይ -webkit-marquee-style
ምልክት ማድረጊያ-ቆጠራ -ዌብ-ካቢ-ማድ-ተደጋጋሚ
ምልክት ማድረጊያ አቅጣጫ: ወደፊት | በተቃራኒው; -ዌብ-ኪት-ማረፊያ-አቅጣጫ: ወደ ፊት; ወደ ኋላ;
ምልክት ማድረጊያ ፍጥነት -webkit-marquee-speed
ምንም እኩል አይደለም -webkit-marquee-increment

የመጨረሻው ንብረት በህንጻው ውስጥ በማያ ገጹ ላይ ይዘቱ በማንሸራሸሪያዎቹ ላይ ምን ያህል እሰከ መሆን እንዳለባቸው እንዲገልጹ ያስችልዎታል.

ምልክት ማድረጊያዎ እንዲሰራ ለማድረግ በመጀመሪያ የሻጭውን ቅድመ-ቅጥያ ያስቀምጡ እና በ CSS3 መስፈርት እሴቶች ይከተሏቸው. ለምሳሌ, በ 200x50 ሳጥን ውስጥ ጽሑፍን ከግራ ወደ ቀኝ አምስት ጊዜ ወደ ጽሁፉ ሲሸጋገር ለሲዲው እዚህ አለ.

{
ወርድ: 200 ፒክስል; ቁመት: 50px; ነጭ ባዶ ቦታ: nowrap;
የተትረፈረፈ: የተደበቀ;
overflow-x: -webkit-marquee;
-ዌብ-ኪት-ማሬን-መሪ-አቅጣጫ-ወደታች;
-ዌብ-ኪት-ማሬን-ስነ-ቁምፊ-ጥቅልል;
-webkit-marquee-speed: normal;
-webkit-marquee-increment: small;
-webkit-marquee-ተደጋጋሚነት: 5;
overflow-x: marquee-line;
ምልክት ማድረጊያ-አቅጣጫ: ወደፊት;
ምልክት ማድረጊያ-ቅጥ: ማሸብለል;
ምልክት-ፍጥነት: መደበኛ;
ምልክት ማድረጊያ-ቁጥር-5;
}