{"version":"1.0","provider_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","provider_url":"https:\/\/fatihsoysal.com\/blog","author_name":"Fatih Soysal","author_url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/","title":"E\u011fimli Div \u015eekillerinde S\u0131n\u0131r Problemi","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"uPMyh3jA5N\"><a href=\"https:\/\/fatihsoysal.com\/blog\/egimli-div-sekillerinde-sinir-problemi\/\">E\u011fimli Div \u015eekillerinde S\u0131n\u0131r Problemi<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/egimli-div-sekillerinde-sinir-problemi\/embed\/#?secret=uPMyh3jA5N\" width=\"600\" height=\"338\" title=\"&#8220;E\u011fimli Div \u015eekillerinde S\u0131n\u0131r Problemi&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"uPMyh3jA5N\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n<\/script>\n","description":"Web tasar\u0131m\u0131nda e\u011fimli (slanted) div'ler kullanarak modern ve dinamik tasar\u0131mlar olu\u015fturmak olduk\u00e7a yayg\u0131nd\u0131r. Ancak, bu e\u011fimli \u015fekillerin kenarl\u0131klar\u0131n\u0131 (border) d\u00fczg\u00fcn bir \u015fekilde olu\u015fturmak, beklenmedik sorunlara yol a\u00e7abilir. \u00d6zellikle k\u00f6\u015fe k\u0131s\u0131mlar\u0131nda istenmeyen bo\u015fluklar veya kesiklikler olu\u015fabilir. Bu makalede, bu sorunu nas\u0131l \u00e7\u00f6zebilece\u011finizi, farkl\u0131 CSS tekniklerini ve bunlar\u0131n avantajlar\u0131n\u0131 detayl\u0131 olarak ele alaca\u011f\u0131z."}