fix(shadow-dom): line by line translation

Author: alas1n

8-web-components/3-shadow-dom/article.md

@@ -35,7 +35,7 @@
 <input type="range" />
 ```
 
-فراموش نکنید که `pseudo` یک ویژگی غیر استاندارد است. مرورگر‌ها در ابتدا به پیاده‌سازی آزمایشی کنترل‌های داخلی با استفاده از المان‌های DOM کردند بعد از گذشت زمان DOM    سایه استاندارد سازی شد تا توسعه دهندگان بتوانند المان‌های کنترلی خود را بسازند.
+فراموش نکنید که `pseudo` یک ویژگی غیر استاندارد است. مرورگر‌ها در ابتدا به پیاده‌سازی آزمایشی کنترل‌های داخلی با استفاده از المان‌های DOM کردند بعد از گذشت زمان DOM سایه استاندارد سازی شد تا توسعه دهندگان بتوانند المان‌های کنترلی خود را بسازند.
 
 در ادامه از DOM سایه استاندارد استفاده خواهیم کرد که در [DOM spec](https://dom.spec.whatwg.org/#shadow-trees) توضیحات کاملی از آن موجود است.
 
@@ -79,10 +79,7 @@
 ما در این جا ۲ محدودیت داریم:
 
 1. هر المان در صفحه فقط می‌تواند یک سایه داشته باشد.
-2. المان `elem` باید یک المان سفارشی سازی شده(custom) باشد یا یکی از المان های زیر
-
-"article", "aside", "blockquote", "body", "div", "footer", "h1..h6", "header", "main" "nav", "p", "section", "span"
-.نمی‌توانند دارای سایه باشند `<img>` دیگر المان‌ها مثل
+2. المان `elem` باید یک المان سفارشی سازی شده(custom) یا یکی از المان های "article", "aside", "blockquote", "body", "div", "footer", "h1..h6", "header", "main" "nav", "p", "section", "span" باشد. دیگر المان ها مثل `<imb>` نمی‌توانند سایه داشته باشند.
 
 گزینه `mode` سطح جداسازی (encapsulation) را مشخص می‌کند. و باید یکی از دو مقدار زیر را داشته باشد:
 
@@ -108,7 +105,6 @@ alert(elem.shadowRoot.host === elem); // true
 دسترسی DOM سایه به طول کامل از سند اصلی گرفته شده است.
 
 1. المان‌های DOM سایه توسط `querySelector` های DOM روشن قابل شناسایی نیستنتد. به طور دقیق‌تر المان‌های داخلی DOM سایه ممکن است id هایی یکسانی با المان‌های DOM روشن داشته باشند اما این idها باید در درخت سایه یکتا باشند.
-
 2. سند DOM سایه stylesheet مجزای مخصوص به خود را دارد. قوانین style خارجی (light DOM) در آن عمل نمی‌کنند.
 
 به مثال زیر توجه کنید:
@@ -138,7 +134,6 @@ alert(elem.shadowRoot.host === elem); // true
   /*
    * (۳) ‌های داخل درخت تاریک قابل دسترسی است qury فقط از
    */
-
   alert(document.querySelectorAll("p").length); // 0
   alert(elem.shadowRoot.querySelectorAll("p").length); // 1
 </script>
@@ -158,10 +153,7 @@ alert(elem.shadowRoot.host === elem); // true
 
 سایه DOM روشی است برای ایجاد یک المان محلی برای DOM.
 
-1. `shadowRoot = elem.attachShadow({mode: open|closed})` --
-
-یک دام سایه برای `elem` می‌سازد. اگر "mode="open باشد این المان با ویژگی `elem.shadowRoot` قابل دسترسی است.
-
+1. `shadowRoot = elem.attachShadow({mode: open|closed})` --یک دام سایه برای `elem` می‌سازد. اگر "mode="open باشد این المان با ویژگی `elem.shadowRoot` قابل دسترسی است.
 2. با استفاده از ویژگی `innerHtml` یا ویژگی های دیگر DOM موجود در `shadowRoot` می‌توان اجزای جدید به آن اضافه کرد.
 
 المان‌های DOM سایه: