css әріптерін жаңа жолға орау. Сөзді дефиспен қою

Интернет мазмұннан тұрады, мазмұн сөздерден тұрады және сөздер өте, өте ұзақ болуы мүмкін. Ерте ме, кеш пе, веб-шебер ұзақ сөздерді орау мәселесіне тап болады. Бұл мәселе әсіресе өзекті болып табылады адаптивті дизайн, және шағын мазмұн блоктары үшін. Сонымен, бұл мәселемен қалай күресуге болады?

Дефис

Ұзын сөздерді орау үшін бірінші шешім - дефис.

Defisi ( -webkit-дефис: авто; -moz-дефис: авто; -ms-дефис: авто; сызықша: авто; )

Браузерді қолдау: CSS сызықшаларына барлығы дерлік қолдау көрсетеді заманауи браузерлер, Chrome, Opera, Android қоспағанда. Сондай-ақ, грамматикалық дұрыс емес жерлерге дефис жиі қойылады.

Сөз үзілуі

Сөз үзілімі – сөздер ішіндегі жолдарды үзу-үзу керектігін көрсететін CSS қасиеті.

Обрив-слова ( -ms-сөз-бұзу: барлығын бұзу; сөзді бұзу: барлығын бұзу; сөзді бұзу: сөзді бұзу; )

Браузерді қолдау: Breaking Opera Mini және Opera қолданбасының ескі нұсқаларынан басқа барлық браузерлерде қолданылады.

толып кететін қаптама

Келесі шешім - Overflow Wrap (overflow-wrap) пайдалану.

Обертка-перефилления ( сөзді орау: үзіліс-сөз; толып-орау: үзіліс-сөз; )

Браузерді қолдау: барлық дерлік браузерлер қолдайды. Ескертпе: Кейбір браузерлер «overflow-wrap» орнына «сөзді орау» пайдалануды талап етеді.

эллипс

Тағы бір нұсқа - нүктелерді пайдалану.

Многоточие (толып кету: жасырын; бос орын: nowrap; мәтінді толтыру: эллипс; )

Браузерді қолдау: барлық заманауи браузерлер қолдайды.

Бұл жұмыс әдісі, бірақ идеалдан алыс.

Соңғы шешім:Толып кету және сызықша орауышын пайдалану.

Финалное-решение ( толып орау: үзу-сөз; сөзді орау: үзу-сөз; -webkit-дефис: авто; -ms-дефис: авто; -моз-дефис: авто; сызықша: авто; )

Бұл шешім оны қолдайтын шолғышқа сызықша қоюға мүмкіндік береді, ал оны қолдамайтын браузерлер үшін жол үзілімін енгізіңіз.

қысқаша ақпарат

CSS нұсқалары

Сипаттама

White-space қасиеті сөздер арасындағы бос орындарды көрсету жолын орнатады. Қалыпты жағдайларда HTML кодындағы бос орындардың кез келген саны веб-бетте біреу ретінде көрсетіледі. Ерекшелік - тег

Осы контейнерге орналастырылған мәтін пайдаланушы пішімдегендей барлық бос орындармен көрсетіледі.  Осылайша, бос орын тегтің қалай жұмыс істейтініне ұқсайды 
Бірақ одан айырмашылығы, ол қаріпті монокеңістікке өзгертпейді.

Синтаксис
бос орын: қалыпты |  nowrap |  алдын ала |  алдын ала |  алдын ала орау |  мұрагер
Құндылықтар
қалыпты Браузер терезесіндегі мәтін әдеттегідей көрсетіледі, жол үзілімдері автоматты түрде орнатылады.  nowrap Бос орындар еленбейді, HTML кодындағы жол үзілімдері еленбейді, барлық мәтін бір жолда көрсетіледі;  дегенмен тегті қосады 
мәтінді жылжытады жаңа жол.  pre Мәтін барлық бос орындар мен сызықшалармен бірге көрсетіледі, себебі оларды әзірлеуші ​​HTML кодына қосқан.  Егер сызық браузер терезесіне сыймас үшін тым ұзын болса, көлденең айналдыру жолағы қосылады.  жол алдындағы бос орындар мәтінде ескерілмейді, мәтін көрсетілген аймаққа сәйкес келмесе, келесі жолға автоматты түрде оралады.  алдын ала орау Мәтінде барлық бос орындар мен сызықшалар сақталады, бірақ жолдың ені көрсетілген аймаққа сәйкес келмесе, мәтін автоматты түрде келесі жолға өтеді.  inherit Ата-ананың мәнін мұраға алады. 
Мәндердің мәтінге әсері Кестеде көрсетілген.  бір.
HTML5 CSS2.1 IE Cr Op Sa Fx

 

 
 
 
 
 
 
 
Мысал
 

 
 
 Ферманың соңғы теоремасы

 X n+Y n=З n
мұндағы n – бүтін сан > 2
 
 
 

Нәтиже бұл мысалсуретте көрсетілген.  бір.
Күріш.  1. White-space қасиетін қолдану
Объект үлгісі
document.getElementById("elementID ").style.whiteSpace
Браузерлер
Браузер Internet Explorer 7.0 нұсқасына дейін алдын ала жол , алдын ала орау және мұралау мәндерін қолдамайды.  Үшін </p>
<p>9.5 нұсқасына дейінгі Opera алдын ала жол мәнін қолдамайды.  Үшін <textarea>қалыпты және алдын ала мәндер алдын ала орау сияқты әрекет етеді, ал nowrap мәні алдын ала сызық сияқты әрекет етеді.</p>
<p>3.0 нұсқасына дейінгі Safari және iOS алдын ала орау және алдын ала жол мәндерін қолдамайды.</p>
<p>Firefox 2.0 нұсқасын қоса алғанда, алдын ала жол және алдын ала орау мәндерін қолдамайды.  Үшін <textarea>қалыпты , nowrap және pre мәндері алдын ала орау ретінде қарастырылады .</p>
<p>Барлығына сәлем және бастайық.  Бізде келесі мәтін бар делік:</p><p> <p>Біріккен Араб Әмірліктерінің үкіметі мен әкімшілігі ғылым мен техниканың соңғы жетістіктеріне негізделген барлық соңғы технологияларды осы қалада шоғырландырып, өзінің болашақ қаласын қандай да бір ғылыми-фантастикалық фильмнің экранынан түскендей айналдыруға тырысады.  Бұл технологияларға полиция роботтары, робот-көліктер және Hyperloop көлік жүйесі кіреді, жақын арада Дубайда автоматты ұшатын такси қызметі жұмыс істей бастайды.  Осы шараға дайындық барысында такси ретінде пайдаланылатын 18 роторы бар Volocopter екі орынды электр ұшағы автоматты режимде алғашқы рейсін жасады, деп жазады олар ...</p>
 </p><p>Міне, бізде қазір жұмыс істей бастайтын мәтін бар.</p>
<p>Ал біз қарастыратын бірінші қасиет сөздік үзіліс деп аталады</p>
<p>сөз үзілуі: қалыпты |  барлығын сақтау |  барлығын бұзу</p>
<p>Бізді негізінен осы сипаттың қалыпты екі мәні қызықтырады - әдепкі мән және біз осы сөзді орау таңба бойынша жүзеге асырылады.  Keep-all болсақ, бұл мән қытай, жапон және корей тілдеріндегі сөздерді орау үшін қолданылады.</p><p>P( сөзді бұзу: барлығын бұзу;. )</p><p>осы стильді қолданғаннан кейін біздің барлық мәтініміз толық қол жетімді енге дейін созылатынын және дефис сөздермен емес, таңбалармен орындалатынын ескеріңіз.  Бұл сипат берілген енге сәйкес келмейтін өте ұзын сөз болған кезде пайдалы болуы мүмкін.  Дегенмен, бұл белгілі бір ыңғайсыздықты тудырады, өйткені барлық сөздер әр таңбаға, тіпті берілген енге сәйкес келетіндерге ауысады.</p>
<p>Бақытымызға орай, сәйкес келмейтін сөздерді таңбалар бойынша орап алатын ұқсас қасиет бар.  Ол толып кету деп аталады:</p><p>P( толып кету: үзіліс сөз; )</p><p>ал үзіліс-сөз мәнін қолданғаннан кейін біздің барлық мәтініміз сөзбе-сөз оралады, ал көрсетілген енге сәйкес келмейтін сөздер таңба бойынша оралады.  Миссия орындалды деп айта аласыз!  Үзіліс сөзінің мәніне қосымша бұл сипат қабылдайды:</p>
<p>толып кету: қалыпты |  сөзді бұзу |  мұрагерлік;</p>
<p>Енді мәтіндегі сөздерді орау үшін кеңейтілген CSS сипатына көшейік.</p>
<p>Мәтіннің өзін монокеңістікке өзгертпей, алдын ала тегтің жұмысын имитациялай алатын ақ кеңістік қасиетін қарастырайық.</p>
<p>бос орын: қалыпты |  nowrap |  алдын ала |  алдын ала |  алдын ала орау |  мұрагер</p>
<p>Шындығында, бұл қасиетті пайдалана отырып, біз тек мәтіндегі бос орындармен жұмыс істейміз.  Мысалы, мәтінге келесі стильді қолдансақ:</p><p>Бос орын: nowrap;</p><p>барлық жол үзілімдері еленбейді және мәтініміз бір жол ретінде көрсетіледі.</p><p>Бос кеңістік: алдын ала;</p><p>Алдын ала мән болған жағдайда, барлық жол үзілімдері бастапқы кодтағы жол үзілімдерімен бірдей болады.  Оның үстіне, егер мәтін көрсетілген енге сәйкес келмесе, онда ол тасымалданбайды.  Егер біз оны орауды қаласақ, онда алдын ала жол мәнін көрсетуіміз керек.</p>
<p>Егер біз тек жол үзілімдерін ғана емес ескергіміз келсе <a href="https://polarize.ru/kk/office/programmnoe-obespechenie-s-otkrytym-ishodnym-kodom-otkrytoe/">бастапқы код</a>, сонымен қатар сөздер арасындағы бос орындар болса, мынаны көрсету керек:</p><p>Ақ кеңістік: алдын ала орау;</p><p>Бұл негізінен CSS көмегімен сөздерді орау туралы айтқым келген.  Бұл мақала сіз үшін пайдалы болды және сіз алған біліміңізді бірнеше рет пайдаланасыз деп үміттенемін.</p>
<p>Жарайды, мен сенімен қоштасамын.  Сізге сәттілік пен сәттілік тілеймін!  дейін!</p>
<p>Word-wrap сипаты көрсетілген аумақтың еніне сәйкес келмейтін ұзын сөздерді орау немесе орамауды анықтайды.</p><h2>қысқаша ақпарат</h2><h2>Белгілеу</h2><table><tbody><tr><th>
</th><th>Сипаттама</th><th style="width: 130px">Мысал</th>
</tr><tr><td><тип>
</td><td>Мәннің түрін көрсетеді.</td><td><размер>
</td>
</tr><tr><td>A&B</td><td>Мәндер көрсетілген тәртіпте шығарылуы керек.</td><td><размер> && <цвет>
</td>
</tr><tr><td>А |  Б</td><td>Ұсынылған мәндердің (A немесе B) тек біреуін таңдау керек екенін көрсетеді.</td><td>қалыпты |  шағын қалпақшалар</td>
</tr><tr><td>A ||  Б</td><td>Әрбір мән өз бетінше немесе кез келген ретпен басқалармен бірге қолданылуы мүмкін.</td><td>ені ||  санау</td>
</tr><tr><td>
</td><td>Топтардың құндылықтары.</td><td>[ кесу ||  крест]</td>
</tr><tr><td>*
</td><td>Нөл немесе одан да көп рет қайталаңыз.</td><td>[,<время>]*
</td>
</tr><tr><td>+
</td><td>Бір немесе бірнеше рет қайталаңыз.</td><td><число>+
</td>
</tr><tr><td>?
</td><td>Көрсетілген түр, сөз немесе топ міндетті емес.</td><td>кірістірілген?</td>
</tr><tr><td>(A, B)</td><td>Кем дегенде A қайталаңыз, бірақ B реттен көп емес.</td><td><радиус>{1,4}
</td>
</tr><tr><td>#
</td><td>Үтірмен бөлінген бір немесе бірнеше рет қайталаңыз.</td><td><время>#
</td>
</tr></tbody></table>×
 <h2>Құндылықтар</h2><p>қалыпты Жолдар орау анық орнатылған жерлерге орамайды немесе орамайды (мысалы, пайдалану <br>).  үзіліс-сөз Жол үзілімдері сөзді көрсетілген блок еніне сәйкестендіру үшін автоматты түрде қосылады.</p><h2>Мысал</h2><p><!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>сөз тасымалы</title>
 <style>
 .col {
 background: #f0f0f0; /* Цвет фона */
 width: 230px; /* Ширина блока */
 padding: 10px; /* Поля */
 font-size: 1.5em; /* Размер шрифта */
 word-wrap: break-word; /* Перенос слов */
 }
 </style>
 </head>
 <body>
 <div class="col">
 <p>Зат есім</p>
 <p>мәртебелі</p>
 <p>Анимациялық зат есім</p>
 <p>он бірінші сынып оқушысы</p>
 <p>Химиялық зат</p>
 <p>метоксихлородиэтиламинометилбутиламинакридин</p>
 </div>
 </body>
</html>
</p><p>Бұл мысалдың нәтижесі суретте көрсетілген.  бір.</p><p>Күріш.  1. Ұзын сөздерді орау</p><h2>Объект үлгісі</h2><p><i>Объект</i>.style.wordWrap</p><h2>Техникалық сипаттама</h2><p>Әрбір спецификация мақұлдаудың бірнеше сатысынан өтеді.</p><ul><li>Ұсыныс (Ұсыныс) – спецификация W3C бекіткен және стандарт ретінде ұсынылған.</li><li>Кандидат ұсынысы ( <span>Мүмкін ұсыныс</span>) - стандартқа жауапты топ оның мақсаттарына сәйкес келетініне қанағаттанады, бірақ стандартты енгізу үшін әзірлеушілер қауымдастығының қолдауы қажет.</li><li>Ұсынылған ұсыныс ( <span>Ұсынылған ұсыныс</span>) - бұл кезеңде құжат соңғы бекіту үшін W3C Консультативтік кеңесіне беріледі.</li><li>Жұмыс жобасы - талқылаудан және қоғамдастықтың қарауына арналған түзетулерден кейін жетілген жоба.</li><li>Редактор жобасы ( <span>Редакциялық жоба</span>) жоба редакторлары өзгерістер енгізгеннен кейін стандарттың жобалық нұсқасы болып табылады.</li><li>жоба ( <span>Спецификация жобасы</span>) стандарттың бірінші жобалық нұсқасы болып табылады.</li>
</ul>×

 <p>Орналастыру кезінде веб-шеберлерде мезгіл-мезгіл сұрақ туындайды: мәтін қалай оралады?  Көп жағдайда браузер бұл тапсырманы өз бетінше орындайды.  Бірақ кейде бұл үдерісті бақылауға алуға тура келеді, әсіресе, дұрыс берілмеген жағдайда мағынасын жоғалтатын ұзын сөздер мен сөз тіркестерін қалыптастыру кезінде.</p> <h2>сөзді айналдыру қасиеті</h2> <p>HTML тілінде жолдарды бөлуге арналған арнайы тег бар. <br>.  Бірақ оны тым жиі қолдану әзірлеушілер арасында нашар түрі болып саналады және көбінесе кәсіби еместігін көрсетеді.  Дәлел ретінде сізде логотип бар деп елестетіп көріңіз және әр әріп жаңа жолдан басталуы керек:</p><p> <!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Сөз үзілімдерін тексеру</title>
 <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
 
</body>
</html>
 </p><p>Нәтиже - кез келген әзірлеуші ​​мәдени күйзеліске ұшырайтын ауыр және жағымсыз код.  Ал егер логотиптің жұмыс үстелі нұсқасында көлденең, бірақ экран ені 550 пикселден аз болса, тігінен көрсетілуін қаласаңыз ше?  Сондықтан орнату үшін <a href="https://polarize.ru/kk/windows/vneshnii-vid-marshrutizatora-tehnicheskie-harakteristiki/">сыртқы түрі</a>элементтері үшін әрқашан каскадты стиль кестелерін пайдаланыңыз.  Әсіресе құралдармен. <a href="https://polarize.ru/kk/program/prinuditelnyi-perenos-stroki-css-perenosy-slov-vklyuchaem-perenos/">CSS орамы</a>жолдар неғұрлым талғампаз түрде орындалады.  Бұл ретте артық белгілеу жоқ, ол тек беттерді жүктеу жылдамдығын төмендетеді.</p> <p><img src='https://i2.wp.com/fb.ru/misc/i/gallery/59435/2842719.jpg' width="100%" loading=lazy loading=lazy></p> <p>Мәтінді өңдеу үшін қарастырылатын бірінші қасиет - сөзді орау.  Ол үш мәнді қабылдайды: қалыпты, барлығын бұзу және барлығын сақтау.  Жұмыс істеу үшін барлығын есте сақтау керек.  Қалыпты - әдепкі және оны көрсетудің қажеті жоқ.  Keep-all CSS құжатындағы жол үзілімдерін болдырмауға арналған құралдар.  Қытай, жапон және корей кейіпкерлері үшін арнайы жасалған.  Сондықтан сол тілдердің ешқайсысында блог жүргізбейтін болсаңыз, сізге мүмкіндік қажет болмайды.  Сондай-ақ оған қолдау көрсетілмейді. <a href="https://polarize.ru/kk/internet/chto-delat-esli-na-kompyutere-propal-zvuk-poleznye-laifhaki-kak-otklyuchit/">Safari браузері</a>және <a href="https://polarize.ru/kk/photoshop/mobilnyi-telefon-vertex-impress-eagle-mobilnyi-telefon-vertex-impress-eagle-sim-karta-ispolzuetsya/">Ұялы телефондар</a> iOS негізінде.</p><p>Алдыңғы мысалдағы логотипті тағайындау үшін <a href="https://polarize.ru/kk/components/element-prozrachnyi-css-prozrachnost---kross-brauzernoe-reshenie/">CSS көмегімен</a>әр әріптің жаңа жолына көшіру үшін келесі кодты жазу керек:</p><p>P( шрифт: қалың 30px Helvetica, sans-serif; ені: 25px; сөзді орау: барлығын бұзу; )</p><p>Қаріптің ені мен өлшемі тек бір әріпке жеткілікті орын болатындай етіп таңдалады.  Барлық үзіліс мәні бар Word-Wrap браузерге сөзді әр жолы жаңа жолға орау керектігін айтады.  Бұл қасиет таптырмас деп атауға болмайды.  Бірақ бұл түсініктеме өрістері сияқты мәтіні бар шағын блоктарды жобалау кезінде пайдалы болады.</p> <p><img src='https://i1.wp.com/fb.ru/misc/i/gallery/59435/2842729.jpg' width="100%" loading=lazy loading=lazy></p> <h2>ақ кеңістік қасиеті</h2> <p>Жаңадан бастаған веб-әзірлеушілердің жиі жіберетін қатесі - бос орындармен мәтінді өңдеуге тырысу немесе Enter пернесін басу, содан кейін олардың күш-жігері бетте неге көрінбейтіні туралы сұрақ туындайды.  «Enter» қанша рет бассаңыз да, браузер оны елемейді.  Бірақ оны мәтінді өзіңіз қалағандай етіп көрсетудің және барлық аралықты ескерудің жолы бар.</p><p>CSS құжатында бос орын сипатымен тағайындалған жол үзілімдерін бос орындарды құрметтеу немесе Enter пернесін басу үшін конфигурациялауға болады.  Алдын ала жол мәні бар бос орын шолғышқа мәтінде Enter пәрменін көрсетеді.</p><p> <!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Сөз үзілімдерін тексеру</title>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <style type="text/css">
 body{
 width: 100%;
 margin: 0;
 padding: 0;
 display: flex;
 justify-content: center;
 -ms-align-items: center;
 align-items: center;
 }
 #wrapper{
/*Элементу-контейнеру необходимо обязательно задать ширину!*/
 width: 60%;
 background: linear-gradient(to bottom, rgba(0,0,0,.1),rgba(0,0,0,.8));
 }
 #wrapper p{
 color: #FFF;
 padding: 10px;
 font: bold 16px Helvetica, sans-serif;
 white-space: pre-line;
 }
 </style>
</head>
<body>
 
</body>
</html>
 </p><p>Алдын ала жолды CSS кодында алдын ала орау үшін өзгертсеңіз, жолды орау бос орындарды қамтиды.  Керісінше, white-space сипатын nowrap мәні бар мәтінге орнату арқылы кез келген ораманы өшіріңіз:</p><p>#wrapper p(түс: #FFF; толтыру: 10px; шрифт: қалың 16px Helvetica, sans-serif; бос орын: nowrap; )</p><h2>мәтіннің толып кетуі</h2> <p>Тағы біреу <a href="https://polarize.ru/kk/history/servisy-yandeksa-dlya-google-chrome-yandeks-elementy-skachat-i-ustanovit-bar-v-firefox/">пайдалы құрал</a>мәтінмен жұмыс істеу үшін бұл мәтіннің толып кетуі.  Жолды ораумен қатар, CSS сипаты контейнер толған кезде мазмұнды кесуге мүмкіндік береді.  Екі мәнді қабылдайды:</p> <ul><li>clip - тек мәтінді қысқартады;</li> <li>эллипс – көп нүкте қосады.</li>
</ul>#wrapper p(түс: #FFF; толтыру: 10px; шрифт: қалың 16px Helvetica, sans-serif; text-overflow: эллипс;/*Элипсис қосу*/ white-space: nowrap; /* Жолды орауды өшіру */ overflow : жасырын;/*Контейнердің сыртындағы барлығын жасыру*/ ) <p>Сипат жұмыс істеуі үшін элемент жол үзілімдерін және жасырын мәнмен толып кетуді болдырмау үшін де орнатылуы керек.</p>

<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
	escape(document.referrer)+((typeof(screen)=="undefined")?"":
	";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
	screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
	";"+Math.random()+
	"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>  
</article>
</div>
<div class="full-place" data-place="article_before_social" data-priority="0" style="width: 100%;"></div>
<div class="single-share">
    <div class="single-share__top">
        <div class="single-share__title">Мақала ұнады ма? <span>Достарыңызбен бөлісіңіз!</span>
        </div>
        <a href="#" onClick="window.open('http://www.facebook.com/sharer.php?url=https%3A%2F%2Fpolarize.ru%2Fvideo%2Fcss-perenos-bukv-na-novuyu-stroku-perenosy-slov-vklyuchaem-perenos-dlya-slov%2F', 'sharer', 'toolbar=0,status=0, width=700, height=400'); return false" class="single-share__facebook">
<i class="fa fa-facebook-official"></i>
<span>Бөлісіңіз <b>Facebook</b>
</span>
</a>
    </div>
    <div class="single-share__bottom">
        <div class="single-share__group">
            <a href="#" onClick="window.open('http://vk.com/share.php?url=https%3A%2F%2Fpolarize.ru%2Fvideo%2Fcss-perenos-bukv-na-novuyu-stroku-perenosy-slov-vklyuchaem-perenos-dlya-slov%2F', 'sharer', 'toolbar=0,status=0, width=700, height=400'); return false" class="single-share-links-item single-share-links-item--vk">
<i class="fa fa-vk single-share-links-item__icon"></i>
<span class="single-share-links-item__text"></span>
</a>
            <a href="#" onClick="window.open('http://twitter.com/share?url=https%3A%2F%2Fpolarize.ru%2Fvideo%2Fcss-perenos-bukv-na-novuyu-stroku-perenosy-slov-vklyuchaem-perenos-dlya-slov%2F', 'sharer', 'toolbar=0,status=0, width=700, height=400'); return false" class="single-share-links-item single-share-links-item--tw">
<i class="fa fa-twitter single-share-links-item__icon"></i>
<span class="single-share-links-item__text">Twitter</span>
</a>


        </div>
        <div class="single-share__group">
            <a href="#" onclick="window.print();" class="single-share-item single-share-item--print"><i class="fa fa-print single single-share-item__icon"></i><span>басып шығару</span>
</a>
        </div>
    </div>
</div>
<div class="article-user">
<div class="article-user-item article-user-question">
<div class="article-user-item__title">Бұл мақала пайдалы болды ма?</div>
<div class="article-user-item__bottom">
<div id="js-send-positive-rating" class="article-user-item__button _yes">Иә</div>
<div class="article-user-item__button _no">Жоқ</div>

</div>
</div>
<div id="js-success-send-form" class="article-user-item article-user-question _yes _hidden">
<div class="article-user-item__title">Пікіріңізге рахмет!</div>
<div class="article-user-item__text"></div>

</div>
<div id="js-fail-send-form" class="article-user-item _no _hidden">
<div class="article-user-item__title">Бірдеңе дұрыс болмады және сіздің дауысыңыз есептелмеді.</div>
</div>
<div id="js-negative-rating-form" class="article-user-item article-user-question _no _hidden">
<div class="article-user-item__title">Рақмет сізге.  Сіздің хабарламаңыз жіберілді</div>
</div>
<div class="article-user-item article-user-error">
<div class="article-user-item__title">Мәтіннен қате таптыңыз ба?</div>
<div class="article-user-item__text">Оны таңдаңыз, басыңыз <strong>Ctrl+Enter</strong>және біз оны түзетеміз!</div>
</div> </div>
<div class="full-place" data-place="article_before_related_articles" data-priority="0" style="width: 100%;"></div>
<div class="similar-articles">
<div class="similar-articles__title">
<i class="fa fa-angle-double-left"></i>Қатысты кеңестер <i class="fa fa-angle-double-right"></i>
</div>
<div class="block-row">
     <div class="block-column _triple">
        <div class="similar-articles-block">
            <div class="similar-articles-block__image">
                <img src="/uploads/6f994d7eed46cded0db234a89d90caad.jpg" alt="Түрлендіру опцияларын орнату" loading=lazy loading=lazy>
            </div>
            <a href="https://polarize.ru/kk/windows/luchshaya-programma-konverter-mpg-v-mp4-nastroika-parametrov-konvertacii/" title="Түрлендіру опцияларын орнату" class="similar-articles-block__title">Түрлендіру опцияларын орнату</a>
        </div>
    </div>
 <div class="block-column _triple">
        <div class="similar-articles-block">
            <div class="similar-articles-block__image">
                <img src="/uploads/42c83ff46438cde05d0d1d3de22fe5cc.jpg" alt="FLAC файлдарын MP3, AAC, WMA, WAV және т.б. түрлендіру жолы." loading=lazy loading=lazy>
            </div>
            <a href="https://polarize.ru/kk/internet/sposob-kak-razzhat-flac-v-wav-kak-konvertirovat-faily-flac-v-mp3-aac-wma-wav-i-t-d/" title="FLAC файлдарын MP3, AAC, WMA, WAV және т.б. түрлендіру жолы." class="similar-articles-block__title">FLAC файлдарын MP3, AAC, WMA, WAV және т.б. түрлендіру жолы.</a>
        </div>
    </div>
 <div class="block-column _triple">
        <div class="similar-articles-block">
            <div class="similar-articles-block__image">
                <img src="/uploads/fb7233f0e598e5f9932e447988bcb419.jpg" alt="wps кеңейтімі.  .WPS файлын қалай ашуға болады?  WPS файлдарын ашудағы ақаулардың басқа себептері" loading=lazy loading=lazy>
            </div>
            <a href="https://polarize.ru/kk/components/rasshirenie-wps-chem-otkryt-fail-wps-drugie-prichiny-problem-s/" title="wps кеңейтімі.  .WPS файлын қалай ашуға болады?  WPS файлдарын ашудағы ақаулардың басқа себептері" class="similar-articles-block__title">wps кеңейтімі.  .WPS файлын қалай ашуға болады?  WPS файлдарын ашудағы ақаулардың басқа себептері</a>
        </div>
    </div>

     
     
</div>
<div class="block-row">
             <div class="block-column _triple">
            <div class="similar-articles-block">
                <div class="similar-articles-block__image">
                    <img src="/uploads/e95609cce53c93076d22048ac448d9c4.jpg" alt="VOB файлын AVI файлына қалай түрлендіруге болады" loading=lazy loading=lazy>
                </div>
                <a href="https://polarize.ru/kk/office/kak-preobrazovat-fail-vob-v-avi-kak-konvertirovat-fail-vob-v-avi-chem/" title="VOB файлын AVI файлына қалай түрлендіруге болады" class="similar-articles-block__title">VOB файлын AVI файлына қалай түрлендіруге болады</a>
            </div>
        </div>
             <div class="block-column _triple">
            <div class="similar-articles-block">
                <div class="similar-articles-block__image">
                    <img src="/uploads/d7b745f2bc9abcc610654e6683f4cddb.jpg" alt="Кескін пішімін қалай өзгертуге болады Утилита түрлендіргішін png-дан bmp-ге" loading=lazy loading=lazy>
                </div>
                <a href="https://polarize.ru/kk/components/kak-konvertirovat-graficheskii-fail-bmp-v-jpg-i-naoborot-jpg-v-bmp-kak-izmenit/" title="Кескін пішімін қалай өзгертуге болады Утилита түрлендіргішін png-дан bmp-ге" class="similar-articles-block__title">Кескін пішімін қалай өзгертуге болады Утилита түрлендіргішін png-дан bmp-ге</a>
            </div>
        </div>
             <div class="block-column _triple">
            <div class="similar-articles-block">
                <div class="similar-articles-block__image">
                    <img src="/uploads/532e4219a00a1dc40d24dc48b30341cc.jpg" alt="DOC файлын EPUB түріне түрлендіру" loading=lazy loading=lazy>
                </div>
                <a href="https://polarize.ru/kk/video/preobrazovyvaem-doc-v-epub-konverter-doc-v-epub-kak-konvertirovat-iz/" title="DOC файлын EPUB түріне түрлендіру" class="similar-articles-block__title">DOC файлын EPUB түріне түрлендіру</a>
            </div>
        </div>
    
    
    
</div>
</div>
<div class="full-place" data-place="article_after_related_articles" data-priority="0" style="width: 100%;"></div>
<div class="comments">
<div id="mc-container"></div>
</div>





</article>


<aside class="sidebar hide-on-mobile">
    <div class="day-sovet">
        <h3 class="day-sovet__hd">Күн тақырыбы</h3>
        <div class="day-sovet__box">
    <img src="/uploads/a650f6e576928770b61c881041a6aac7.jpg" alt="DWG файлдарын онлайн қалай түрлендіруге болады?" class="day-sovet__image" loading=lazy loading=lazy>
    <a href="https://polarize.ru/kk/category/windows/" class="day-sovet__category">
<span>Windows</span>
</a>
</div>
        <a href="https://polarize.ru/kk/windows/preobrazovanie-jpg-v-dwg-onlain-kak-konvertirovat-dwg-faily-onlain-sohranenie/" class="day-sovet__link">
<span>DWG файлдарын онлайн қалай түрлендіруге болады?</span>
</a>
    </div>
<!-- /next_post -->
<div class="vk-widget">
    <h3 class="vk-widget__hd">Жарнама</h3>

    

</div>
<div class="popular-articles">
    <h3 class="black-hd popular-articles__title">Танымал материалдар</h3>
         <div class="popular-articles__item">
        <div class="row-gui">
            <div class="row-gui__image">
                <a href="https://polarize.ru/kk/office/konvertiruem-pdf-v-txt-konvertiruem-pdf-v-txt-konverter-iz-word-v-txt/" class="">
<img src="/uploads/d3295bc217a2c169625b5ffad2565281.jpg" alt="PDF файлын TXT түрлендіргішін сөзден txt форматына онлайн түрлендіру" loading=lazy loading=lazy> </a>
            </div>
            <div class="row-gui__content">
                <a href="https://polarize.ru/kk/office/konvertiruem-pdf-v-txt-konvertiruem-pdf-v-txt-konverter-iz-word-v-txt/" class="row-gui__link">
<span>PDF файлын TXT түрлендіргішін сөзден txt форматына онлайн түрлендіру</span>
</a>
            </div>
        </div>
    </div>
     <div class="popular-articles__item">
        <div class="row-gui">
            <div class="row-gui__image">
                <a href="https://polarize.ru/kk/program/kak-proverit-skaip-na-virusy-i-udalit-zarazhenie-otkuda-beretsya-spam-v-skaipe/" class="">
<img src="/uploads/ac3de62c307bbc66c653a0e75381e590.jpg" alt="Skype спамы қайдан келеді?" loading=lazy loading=lazy> </a>
            </div>
            <div class="row-gui__content">
                <a href="https://polarize.ru/kk/program/kak-proverit-skaip-na-virusy-i-udalit-zarazhenie-otkuda-beretsya-spam-v-skaipe/" class="row-gui__link">
<span>Skype спамы қайдан келеді?</span>
</a>
            </div>
        </div>
    </div>
     <div class="popular-articles__item">
        <div class="row-gui">
            <div class="row-gui__image">
                <a href="https://polarize.ru/kk/internet/iz-txt-faila-v-pdf-kak-preobrazovat-txt-fail-v-pdf-fail-prostye/" class="">
<img src="/uploads/56f8cbc8f4069571a0153e645073d1eb.jpg" alt="TXT файлын PDF файлына қалай түрлендіруге болады" loading=lazy loading=lazy> </a>
            </div>
            <div class="row-gui__content">
                <a href="https://polarize.ru/kk/internet/iz-txt-faila-v-pdf-kak-preobrazovat-txt-fail-v-pdf-fail-prostye/" class="row-gui__link">
<span>TXT файлын PDF файлына қалай түрлендіруге болады</span>
</a>
            </div>
        </div>
    </div>
     <div class="popular-articles__item">
        <div class="row-gui">
            <div class="row-gui__image">
                <a href="https://polarize.ru/kk/components/kak-konvertirovat-ikonki-iz-png-v-ico-konvertiruem-izobrazheniya-png-v-ico/" class="">
<img src="/uploads/8c97b857914e9098016be50b7869f2f7.jpg" alt="PNG кескіндерін ICO-ға түрлендіру" loading=lazy loading=lazy> </a>
            </div>
            <div class="row-gui__content">
                <a href="https://polarize.ru/kk/components/kak-konvertirovat-ikonki-iz-png-v-ico-konvertiruem-izobrazheniya-png-v-ico/" class="row-gui__link">
<span>PNG кескіндерін ICO-ға түрлендіру</span>
</a>
            </div>
        </div>
    </div>
     <div class="popular-articles__item">
        <div class="row-gui">
            <div class="row-gui__image">
                <a href="https://polarize.ru/kk/game/programma-dlya-vosstanovleniya-dannyh-s-nerabochei-fleshki-kak/" class="">
<img src="/uploads/c189feef86d5e7a6085f1aaba7259d0b.jpg" alt="Флэш-дисктен немесе жад картасынан деректерді қалай қалпына келтіруге болады" loading=lazy loading=lazy> </a>
            </div>
            <div class="row-gui__content">
                <a href="https://polarize.ru/kk/game/programma-dlya-vosstanovleniya-dannyh-s-nerabochei-fleshki-kak/" class="row-gui__link">
<span>Флэш-дисктен немесе жад картасынан деректерді қалай қалпына келтіруге болады</span>
</a>
            </div>
        </div>
    </div>
     <div class="popular-articles__item">
        <div class="row-gui">
            <div class="row-gui__image">
                <a href="https://polarize.ru/kk/history/kak-v-pdf-dobavit-numeraciyu-stranic-vstavit-nomera-stranic/" class="">
<img src="/uploads/016f5bc418e080f7899c1d83b86f903c.jpg" alt="PDF форматындағы бет нөмірлерін енгізіңіз" loading=lazy loading=lazy> </a>
            </div>
            <div class="row-gui__content">
                <a href="https://polarize.ru/kk/history/kak-v-pdf-dobavit-numeraciyu-stranic-vstavit-nomera-stranic/" class="row-gui__link">
<span>PDF форматындағы бет нөмірлерін енгізіңіз</span>
</a>
            </div>
        </div>
    </div>
     <div class="popular-articles__item">
        <div class="row-gui">
            <div class="row-gui__image">
                <a href="https://polarize.ru/kk/video/iz-rtf-v-pdf-konvertiruem-rtf-v-pdf-alternativnyi-sposob-togo-kak-preobrazovat-rtf-fail-v-pdf-f/" class="">
<img src="/uploads/328e5e519bb1d6a8f32573fd32c91bf0.jpg" alt="RTF-ден pdf-ге дейін.  RTF файлын PDF форматына түрлендіру.  RTF файлын PDF файлына түрлендірудің балама жолы" loading=lazy loading=lazy> </a>
            </div>
            <div class="row-gui__content">
                <a href="https://polarize.ru/kk/video/iz-rtf-v-pdf-konvertiruem-rtf-v-pdf-alternativnyi-sposob-togo-kak-preobrazovat-rtf-fail-v-pdf-f/" class="row-gui__link">
<span>RTF-ден pdf-ге дейін.  RTF файлын PDF форматына түрлендіру.  RTF файлын PDF файлына түрлендірудің балама жолы</span>
</a>
            </div>
        </div>
    </div>

                </div>
</aside>


</div>
<div class="full-place" data-place="article_desktop_fixed" data-priority="0" style="width: 100%;"></div>


<footer class="footer">
    <div class="footer__wrapper">
        <div class="footer__box">
            <a href="https://polarize.ru/kk/" class="footer__logo1"><img src="/logo.png" loading=lazy loading=lazy></a><br>
            <div class="social-buttons">
                <div class="social-buttons-list">
                    <a href="" class="social-buttons-list__item _vk">Вконтакте</a>
                    <a href="https://facebook.com/" class="social-buttons-list__item _fb">Facebook</a>
                </div>
            </div>
            <p class="footer__copyright">© 2022. Аппараттық және бағдарламалық құралды орнату</p>
        </div>
        <nav class="footer-menu">
                            <a class="footer-menu__item" href="https://polarize.ru/kk/category/internet/">ғаламтор</a>
                            <a class="footer-menu__item" href="https://polarize.ru/kk/category/program/">Бағдарламалар</a>
                            <a class="footer-menu__item" href="https://polarize.ru/kk/category/game/">Ойындар</a>
                            <a class="footer-menu__item" href="https://polarize.ru/kk/category/history/">Оқиға</a>
                            <a class="footer-menu__item" href="https://polarize.ru/kk/category/windows/">Windows</a>
                            <a class="footer-menu__item" href="https://polarize.ru/kk/category/computer/">Компьютер</a>
                            <a class="footer-menu__item" href="https://polarize.ru/kk/category/graphics/">Графика</a>
                            <a class="footer-menu__item" href="https://polarize.ru/kk/category/components/">Құрамдас бөліктер</a>
            
        </nav>
        <div class="footer__counters">
        </div>
    </div>
</footer>


<div class="scroll-up">
<div id="toTop"><span class="up_b"></span>Жоғарғы</div>
</div>
<div class="full-place" data-place="article_modal" data-priority="0" style="width: 100%;"></div>
<div class="full-place" data-place="article_modal" data-priority="0" style="width: 100%;"></div>
<script data-rocketsrc="/assets/sovets24-2017/js/app-20171130102046.js" type="text/rocketscript"></script>
<script type="text/rocketscript">

    if(window.location.hostname.indexOf('hghltd.yandex.net')!=-1){ // hghltd.yandex.net
        var i;
        var x = document.getElementsByClassName("direct");
        for (i = 0; i < x.length; i++) { 
            x[i].style.display = "none";
        } 
    } 

    (function(H){ H.className=H.className.replace(/\bno-js\b/,'js')} )(document.documentElement);

</script>
<script type="text/rocketscript">
        APP.pages.articleView();
        APP.modules.ratingBlock.init();
        Engine.article.errorInTextReport();
        document.oncopy = Engine.addLinkOnCopy;
    </script>
<script type="text/rocketscript">
    var BANNERS = { 
        types: { 
            code: 1,
            consultant: 6,
            modal: 9,
            offer: 7        } 
    } 
</script>
</body>
</html>